css总结18:HTML 表单和inut各个常用标签
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来设定,当用户要在表单中"进行上传文件",等内容时,就会用到文本域。