1、介绍
input元素是主要的表单元素,一般包含在form标签中,通过type属性可以定义文本框、单选、多选等多种输入组件。
2、type属性
<input type="text" name="" value="">
type属性表示input的类型:
- submit:提交按钮,点击之后提交整个表单
- text:单行文本框,输入的文本明文显示
- password:单行密码框,输入文本以*显示
- hidden:隐藏文本框,一般不用于输入,而是作为表单附属提交的数据
- file:提交文件使用,此时必须设置form表单的enctype为multipart/form-data,以及method属性为post
- button:显示为普通按钮
- radio:单选按钮
- checkbox:多选按钮
- 其他:color、date、datetime、datetime-local、email、image、month、number、range、reset、search、tel、time、url、week
3、name属性
用于作为表单数据的键值对的键,一般是不重名的,而单选radio和多选checkbox会有多个input的name相同。
4、value属性
用于表示该input的默认值,并不会显示出来
5、palceholder属性
用于type为text的input元素,表示初始或者没有输入时的显示
6、readonly属性
用于设置该input元素是只读的,可选值readonly
7、accept属性
当input的type属性为file时使用,规定上传文件的类型。可选值:audio/video/ image/MIME_type