表单作用:主要是提高一个图形用户界面,用于采集和提交用户输入的数据。
<form</form>元素:
常用属性:method,必须,属性值为post/get,默认为get,考虑安全性及中文编码可靠性一般需设置为post;
action:表单提交的url,必选。
id/name:新的HTML标准提倡用唯一的Id标识form,考虑兼容性一般二者都同时设置。
事件:onsubmit:根据需要选择是否提交,在js中验证数据的正确性,减少和服务器的交互次数。
<input />元素:用type分类
1:输入文本框,type="text"(默认设置,考虑JQuery等扩展库的使用,一般需手动声明)
2:单选按钮,type="radio",示例:<input type="radio" id="male" name="gender"><label for="male">男</label> </input>
3:复选按钮,type="checkbox",注意属性:checked,true时选择,false不选中;
4:提交按钮,type="submit",注意另外一种用法:<input type="image" src="123.jpg" />
5:按钮,type="button",必要属性value
<textarea>元素:多行文本框
属性:cols每行的字符数,控制宽度,rows行数,可控制高度.
<select>元素:下拉列表框
与<option>元素一起使用,注意multiple属性设置后可选择多项,size属性设置显示多少项,selected设置选中项。