表单

  Number类型input标签

 <input type="number" name="num" min="1" max="1000" step="1" />

 min:标识当前输入框输入的最小值   max:标识当前输入框输入的最大值  step:标识点击增大/减小的时候,增加/减少的步长

  Email类型的input标签

 <input type="email" name="email" placeholder="请输入注册邮箱" />

  URL类型的input标签

 <input type="url" placeholder="请输入网址" />

  Tel类型的input标签

 <input type="tel" placeholder="请输入电话" />

  range类型的input标签

 <input type="range" min="0" max="50" step="5" value="0">

此标签可以与outpur标签一起使用,达到联动效果:

 <form oninput="output.value=parseInt(range.value)">

  <input type="range" min="0" max="100" step="5" name="range" value="0">

  <output name="output">0</output>

 </form>

  日历

 <input type="date" name="datedemo" month=""  time=""  week=""  datetime-local=""  datetime=""  /> 

  颜色选择input标签

 <input type="color" name="colordemo" />

  input标签自动完成功能

 <input type="text" autocomplete="on" name="autocompleteDemo' list="autoNames" />

 <datalist id="autoNames">

  <option value="test"></opiton>

  <option value="text"></option>

  <option value="task"></option>

 </datalist>

  

  input表单新增的特有属性:

 autofocus:当前页面加载后立即获得焦点

  <input type="text" autofocus="autofocus" />

 max、min、step:最大值、最小值和步数。

 multiple:用于文件上传控件,设置此属性后,允许多个文件。  

 校验属性:设置了required属性后预示着当前文本框在提交前必须有数据输入。还添加了pattern正则表达式校验,并可以添加form属性,意味着任何一个标签都可以指定它所述于一个表单。

  <input type="text" autofocus="autofocus" required patterb="d+" />

 form表单新增属性:

  novalidate规定在提交表单时不验证form或input  

    <form action="" method="POST" novalidate="true"></form>

 

 

原文地址:https://www.cnblogs.com/forerver-elf/p/4807041.html