zoukankan      html  css  js  c++  java
  • HTML5表单新增元素与属性

    form属性

      在html4中,表单的从属元素必须写在表单内部,而在HTML5中,可以把他们书写在任何地方,然后为该元素指定一个form属性,属性值为该表单的id,这样就可以声明该元素从属于指定表单了。

    formaction属性

      在HTML4中,一个表单内的所有元素只能通过表单的action属性被统一提交到另一个页面,而在HTML5中可以为所有的提交按钮增加不同的formaction属性,使单击不同的按钮是可以将表单提交到不同的页面。

    formmethod属性

      在HTML4中,一个表单内的所有元素只能有一个action属性用来对表单内所有元素统一提交到另一个指定页面,,所有每个表单内页只有一个method属性来统一指定提交方法。在HTML5中,可以使用formmethod属性来对每一个表单元素分别指定不同的提交方法。

    formenctype属性

      在HTML4中,表单元素具有一个enctype属性,该属性指定表单发送服务器之前应该如何对表单内的数据进行编码。在HTML5中,可以使用formenctype属性对表单元素分别指定不同的编码方式。

    formtarget属性

      在HTML4中,表单元素具有一个target属性,该属性用于指定在何处打开表单提交后所需要加载的页面。 在HTML5中,可以对多个提交按钮分别使用formtarget属性来指定提交后在何处打开所需加载的页面。

    autofocus属性

      为文本框、选择框或按钮控件加上autofocus属性,当画面打开时,该控件自动获得光标焦点

    required属性

      HTML5中新增的required属性可以应用在大多数输入元素上,在提交时,如果元素内容为空白时,则不允许提交,同时在浏览器中显示信息提示文字。required="required";

    labels属性

      在HTML5中,为所有可使用标签的表单元素、button、select元素等,定义一个lables属性,属性值为一个NodeList对象,代表该元素所绑定的标签元素所构成的集合。

    control属性

      在HTML5中,可以在标签内部放置一个表单元素,并且通过该标签的control属性来访问该表单内元素。

    placeholder属性

      placeholder是指当文本框处于未输入状态时显示的输入提示。当文本框处于未输入状态且未获取光标焦点时,模糊显示提示文字。

    datalist元素

      datalist元素是HTML5中新增的元素,该元素类似于选择框,但是当用户想要设定的值不在选择列表之内时,允许自行输入。datalist元素本身并不显示,而是当文本框获得焦点时以提示输入的方式显示。

    list属性

      在HTML5中,为单行文本框增加了一个list属性,该属性的值为某个datalist元素的id。

    <form>
        <input type="text" name="greeting" list="greetings">
        <datalist id="greetings" style="display: none">
            <option value="111">111</option>
            <option value="222">222</option>
            <option value="333">333</option>
        </datalist>
    </form>

    autocomplete属性

      帮助所用的自动完成功能,是一个既节省输入时间又十分方便的功能。在HTML5之前,因为谁都可以看见输入的值,所以在安全方面存在缺陷,只要使用autocomplete属性,安全方面也可以得到很好的控制。

     文本框的pattern属性

      在HTML5中,对input元素使用pattern属性,并且将属性值设为某个格式的正则表达式,在提交时会针对这些进行检查,检查其内容是否符合给定格式。当输入的内容不符合给定格式时,则不允许提交,同时在浏览器中显示信息提示文字,提示输入内容必须符合给定格式。

    文本框的selectionDirection属性

    selectionDirection属性

      针对input元素与textarea元素,HTML5增加了selectionDirection属性。当用户在这两个元素中用鼠标选取部分文字时,可以使用该属性来获取选取方向。当用户正向选取文字时,改属性值为“forward”,当用户反向选取文字时,该属性值为“backward”,当用户没有选取任何文字时,该属性值为“forward”.

    复选框的indeterminate属性

      对于复选框checkbox元素来说,过去只是选取与非选取这两种状态。在HTML5中,可以在javascript脚本代码中对该元素使用indeterminate属性,以说明复选框处于“尚未明确是否选取”状态。

    image提交按钮的height属性与width属性

      针对类型为image的input元素,HTML5新增了两个属性,height、width分别用来指定图片按钮的高度和宽度

  • 相关阅读:
    Laravel 中使用 Redis 数据库
    PHP 安装 phpredis 扩展(二)
    Redis 安装(一)
    macOS 中使用 phpize 动态添加 PHP 扩展的错误解决方法
    macOS 中的 Rootless 机制
    Homebrew
    macOS 下配置 MAMP 开发环境(Mac + Apache + Mysql + PHP)
    常系数齐次线性递推
    任意模数FFT
    猫树总结
  • 原文地址:https://www.cnblogs.com/yuxingyoucan/p/5679537.html
Copyright © 2011-2022 走看看