Html input 标签

了解一个标签,首先要知道它有哪些属性和属性值,input标签有很多的属性。

一、type属性    规定要显示的input元素的类型

  1.button          定义可点击的按钮

  2.checkbox      定义复选框

  3.password      定义密码字段(字段中的字符会被遮蔽)

  4.color           定义拾色器

  5.date            定义date控件(包括年、月、日,不包括时间)

  6.datetime       定义date和time控件(包括年、月、日、时、分、秒、几分之一秒,基于UTC时区)   只在opera浏览器下作用

  7.datetime-local        定义date和time控件(包括年、月、日、时、分、秒、几分之一秒,不带时区)

  8.email         定义用e-mail地址的字段

  9.file             定义文件选择字段和“浏览...”按钮,供文件上传

  10.hidden           定义隐藏输入字段

  11.image            定义图像作为提交按钮

  12.month            定义month和year控件(不带时区)

  13.number          定义用于输入数字的字段

  14.radio             定义单选按钮

  15.range            定义用于精确值不重要的输入数字的控件(比如slide控件)

  16.reset             定义重置按钮(重置所有的表单值为默认值)

  17.search           定义用于输入搜索字符串的文本字段

  18.submit           定义提交按钮

  19.tel                  定义用于输入电话号码的字段

  20.text                默认属性值。定义一个单行的文本字段(默认宽度为20个字符)

  21.time               定义用于输入时间的控件(不带时区)

  22.url                  定义用于输入URL得字段

  23.week              定义week和year控件(不带时区)

二、value属性     规定input元素的值            属性值为任意文本

  value属性对于不同input类型,用法也不同

              对于“button”,“reset”,“submit”类型,定义按钮上的文本

              对于“text”,“password”,“hidden”类型,定义输入字段的初始(默认值)

              对于“checkbox”,“radio”,“image”类型,定义与input元素相关的值,当提交表单时该值会发送到表单的action URL。

  value属性对于<input type="checkbox">和<input type="radio">是必需的

  value属性不适用与type为file的input框

三、autocomplete属性      规定input元素输入字段是否应该启用自动完成功能

  属性值为 on(默认)或off

   自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项。

四、autofocus属性       规定当页面加载时input元素应该自动获得焦点

  属性值为布尔

五、list 属性       属性引用<datalist>元素,其中包含<input>元素的预定义选项

  input标签中的 list 属性的属性值要跟子标签 datalist 的 id 属性的属性值一致

六、max属性    属性规定 input 元素的最大值

七、min属性     属性规定 input 元素的最小值

八、name属性      规定 input 元素名称

九、pattern属性      规定用于验证input元素的正则表达式

  pattern 属性适用于下面的 input 类型:text、search、url、tel、email 和 password。

十、placeholder属性   规定可描述输入input字段预期值的简短的提示信息

十一、size属性      规定以字符数计的 <input> 元素的可见宽度

十二、step属性     规定 <input> 元素的合法数字间隔

 

posted on 2019-05-15 11:30  *HECATE*  阅读(263)  评论(0编辑  收藏  举报

导航