• 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 等)。

  • 相关阅读:
    whith ~ as 用法
    python函数 传参的多种方式 解读
    关于HTTP协议,一篇就够了
    appium+python自动化 adb shell按键操作
    貌似这个官网有api按,有空研究下
    切换了webview 定位不了的解决方法 (还没有试,记录在此)
    补充appium -api
    appium 点击物理按键
    修改最后一次 已commit 的备注
    场景记录
  • 原文地址:https://www.cnblogs.com/mebius4789/p/html5_newform.html
Copyright © 2020-2023  润新知