css总结18：HTML 表单和输入

1 HTML 表单和输入

1.1 HTML 表单介绍

表单是一个包含表单元素的区域。

表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。

表单使用表单标签 <form> 来设置:

例子:表单内的 文本输入框

<form>
.
<input  type="text">
.
</form>

1.2 表单input控件输入类型

多数情况下被用到的表单标签是输入标签（<input>）。

输入类型是由类型属性（type）定义的。大多数经常被用到的输入类型如下：

 1.2.1 text 文本输入类型:

文本域通过<input type="text"> 标签来设定，当用户要在表单中键入字母、数字等内容时，就会用到文本域。

 1.2.2 password 密码输入类型

文本域通过<input type="password "> 标签来设定，当用户要在表单中"键入非显示密码"等内容时，就会用到文本域。

1.2.3 checkboxes 多选框类型

文本域通过<input type="checkboxs"> 标签来设定，当用户要在表单中"键入非显示密码"等内容时，就会用到文本域。

1.2.4 radio 单选框

文本域通过<input type="checkboxs"> 标签来设定，当用户要在表单中"键入单选内容时"等内容时，就会用到文本域。

1.2.5 submit提交按钮

文本域通过<input type="submit"> 标签来设定，当用户要在表单中"提交其他input值时"等内容时，就会用到文本域。

 1.2.6 select选择按钮

文本域通过<input type="select来设定，当用户要在表单中"进行多项选择",等内容时，就会用到文本域。

 1.2.7 file文件提交按钮

文本域通过<input type="file来设定，当用户要在表单中"进行上传文件",等内容时，就会用到文本域。