zoukankan      html  css  js  c++  java
  • HTML5表单新属性

    表单新属性
         * autofocus属性 - 自动获取焦点
         * placeholder属性 - 设置默认提示
         * multiple属性 - 允许输入多个值
         * (了解)form属性 - 允许定义表单元素在表单之外

     1 <!DOCTYPE html>
     2 <html>
     3 <head lang="en">
     4     <meta charset="UTF-8">
     5     <title>表单新属性</title>
     6 </head>
     7 <body>
     8     <fieldset>
     9         <legend>表单新属性</legend>
    10         <form id="myform" action="#">
    11             <!--
    12                 TODO 自动获取焦点
    13                 TODO * 注意 - 只需要定义属性名(autofocus)
    14                 TODO   * autofocus="autofocus"
    15             -->
    16             用户名:<input autofocus type="text" name="user" value="请输入用户名"><br/>
    17             <!--
    18                 TODO 设置默认提示内容
    19             -->
    20             密码:<input type="password" name="pwd" placeholder="请输入密码"><br/>
    21             <!--
    22                 TODO 允许输入多个值
    23                 TODO * 只能配合email和file类型使用
    24             -->
    25             email:<input type="email" multiple><br/>
    26             <input type="file" name="files" multiple/>
    27 
    28             <br/><br/>
    29             <input type="submit"/>
    30         </form>
    31         <!--
    32             TODO 允许将表单元素定义在表单之外
    33         -->
    34         <input type="text" name="home" form="myform"/>
    35     </fieldset>
    36 </body>
    37 </html>
    表单新属性
  • 相关阅读:
    清除浮动解决父元素高度塌陷问题
    canvas画动图
    vue实现列表的循环滚动
    localStorage读写操作
    angularJS快速入门
    python模块
    python函数式编程
    python高级特性
    Flask 快速入门
    JQuery Ajax
  • 原文地址:https://www.cnblogs.com/qulb/p/6038831.html
Copyright © 2011-2022 走看看