input标签

发布时间 2023-04-19 09:46:29作者: 挖洞404

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