一、常用的HTML表单

一：文本域

二：密码框

三：单选按钮

男

女

注：在单选按钮中name属性值必须一样，才能被选中。checked表示被默认选中;

四：多选按钮

HTML

CSS

PHP

五：下拉列表

长沙 上海 武汉

注：size:表示显示下拉的数目，value值最好不要一样!

六：文本域

注：rows表示行(宽)的意思，clos表示列(高)的意思

七：提交按钮

提交按钮

注：将from表单的数据提交;

八：普通按钮

普通按钮

注：一般没有什么作用

九：重置按钮

重置按钮

注：将之前输入框内的内容全部重置

十：表单form

注：action表示提交地址。method表示表单传参，一般考虑安全采用post传值。

十一：隐藏域

注：一般存放传过来的值：id、name......

十二：文件域

注：上传文件时用到

十三：label标签

唱歌

注：运用label标签的好处：提升用户体验。原本没加label标签，点击文字是不能选择的，但是加了label就能点击。

for 属性应当与相关元素的 id 属性相同。

二、HTML5新增的表单：

主要有：图片(image)、颜色(color)、日期(datatime)、月(month)、周(week)、超链接(url)、时间(time)、电话(tel)

注：括号内的是type的值;

三、常见的表单元素：

1、checked

设置单、复选框初始状态是否处于选中状态，当只有type属性值为：checkbox或者radio时才可以指定哦~

2、disabled

设置首次加载时禁用;当type=“hidden”时不能指定该属性;

3、maxlength

属性值：数字;允许输入的最大字符;

4、readoly

文本域内不允许修改;

5、size

属性值：数字;指定该元素长度;

6、src

指定图像域显示的图像URL，只有当type=“image”时方可使用;

6、placeholder

在输入框内显示的文字，与value不同，当鼠标点击输入文字是显示的文字会消失;

总结：在表单中name的作用是传递到后台数据库相对应的名称，而value就是值。