zoukankan      html  css  js  c++  java
  • html5学习(表单新属性)

    在客户端存储数据

    HTML5 提供了两种在客户端存储数据的新方法:

    • localStorage - 没有时间限制的数据存储
    • sessionStorage - 针对一个 session 的数据存储

    之前,这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储,因为它们由每个对服务器的请求来传递,这使得 cookie 速度很慢而且效率也不高。

    在 HTML5 中,数据不是由每个服务器请求传递的,而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。

    对于不同的网站,数据存储于不同的区域,并且一个网站只能访问其自身的数据。

    HTML5 使用 JavaScript 来存储和访问数据。

    autocomplete 属性

    autocomplete 属性规定 form 或 input 域应该拥有自动完成功能。

    注释:autocomplete 适用于 <form> 标签,以及以下类型的 <input> 标签:text, search, url, telephone, email, password, datepickers, range 以及 color。

    当用户在自动完成域中开始输入时,浏览器应该在该域中显示填写的选项:

    autofocus 属性

    autofocus 属性规定在页面加载时,域自动地获得焦点。

    注释:autofocus 属性适用于所有 <input> 标签的类型。

    form 属性

    form 属性规定输入域所属的一个或多个表单。

    注释:form 属性适用于所有 <input> 标签的类型。

    form 属性必须引用所属表单的 id:

    实例

    <form action="demo_form.asp" method="get" id="user_form">
    First name:<input type="text" name="fname" />
    <input type="submit" />
    </form>
    Last name: <input type="text" name="lname" form="user_form" />
    

    placeholder 属性

    placeholder 属性提供一种提示(hint),描述输入域所期待的值。

    注释:placeholder 属性适用于以下类型的 <input> 标签:text, search, url, telephone, email 以及 password。

    提示(hint)会在输入域为空时显示出现,会在输入域获得焦点时消失:

    实例

    <input type="search" name="user_search"  placeholder="Search W3School" />

    表单重写属性

    表单重写属性(form override attributes)允许您重写 form 元素的某些属性设定。

    表单重写属性有:

    • formaction - 重写表单的 action 属性
    • formenctype - 重写表单的 enctype 属性
    • formmethod - 重写表单的 method 属性
    • formnovalidate - 重写表单的 novalidate 属性
    • formtarget - 重写表单的 target 属性

    注释:表单重写属性适用于以下类型的 <input> 标签:submit 和 image。

    required 属性

    required 属性规定必须在提交之前填写输入域(不能为空)。

    novalidate 属性

    novalidate 属性规定在提交表单时不应该验证 form 或 input 域。

    multiple 属性

    multiple 属性规定输入域中可选择多个值。

    min、max 和 step 属性

    min、max 和 step 属性用于为包含数字或日期的 input 类型规定限定(约束)。

    max 属性规定输入域所允许的最大值。

    min 属性规定输入域所允许的最小值。

    step 属性为输入域规定合法的数字间隔(如果 step="3",则合法的数是 -3,0,3,6 等)。

  • 相关阅读:
    【数学】三分法
    【数学】【背包】【NOIP2018】P5020 货币系统
    【数学】【CF27E】 Number With The Given Amount Of Divisors
    【单调队列】【P3957】 跳房子
    【极值问题】【CF33C】 Wonderful Randomized Sum
    【DP】【CF31E】 TV Game
    【神仙题】【CF28D】 Don't fear, DravDe is kind
    【线段树】【CF19D】 Points
    【字符串】KMP字符串匹配
    【二维树状数组】【CF10D】 LCIS
  • 原文地址:https://www.cnblogs.com/mebius4789/p/html5_newform.html
Copyright © 2011-2022 走看看