zoukankan      html  css  js  c++  java
  • 表单

      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>

     

     

  • 相关阅读:
    贴图UV动画
    编辑器开发读取LIGHTMAP的脚本
    一个角色旋转身体在向前行走的代码
    第一周
    《大道至简》读后感
    第二周
    Easyui,好的设计思路
    有关反射
    Easyui表格的行编辑
    冒泡排序
  • 原文地址:https://www.cnblogs.com/forerver-elf/p/4807041.html
Copyright © 2011-2022 走看看