zoukankan      html  css  js  c++  java
  • HTML5---4.表单新增的其他属性

    placeholder   占位符
    autofocus    自动获取焦点
    autocomplete   自动获取内容   (必须提交   name)
    required       必填 
    pattern     正则表达式   (不需要/ /   “”)
    Multiple     文件上传可上传多个
    Form
    
    <form action="" id="myForm">
        <!--placeholder:提示文本,提示占位-->
        <!--autofocus:自动获取焦点-->
        <!--autocomplete:自动完成:on:打开  off:关闭
        1.必须成功提交过:提交过才会记录
        2.当前添加autocomplete的元素必须有name属性-->
        用户名:<input type="text" name="userName" placeholder="请输入用户名" autofocus autocomplete="on"> <br>
        <!--tel并不会实现验证,仅仅是在移动端能够弹出数字键盘-->
        <!--required:必须输入,如果没有输入则会阻止当前数据提交-->
        <!--pattern:正则表达式验证
        *:代表任意个
        ?:代表0个或1个
        +:代表1个或多个-->
        手机号:<input type="tel" name="userPhone" required pattern="^(+86)?1d{10}$"> <br>
        <!--multiple:可以选择多个文件-->
        文件:<input type="file" name="photo" multiple> <br>
        <!--email:有默认验证  在email中,multiple允许输入多个邮箱地址,以逗号分隔-->
        邮箱:<input type="email" name="email" multiple><br>
        
        <!--提交:-->
        <input type="submit"> <br>
    </form>
    <!--下面这个表单元素并没有包含在form中:默认情况下面表单元素的数据不会进行提交-->
    <!--form:指定表单id,那么在将来指定id号的表单进行数据提交的时候,也会将当前表单元素的数据一起提交-->
    地址:<input type="text" name="address" form="myForm">
    
    用户名:
    手机号:
    文件:
    邮箱:
    <!--提交:-->
    <input type="submit"> <br>
    
    地址:
  • 相关阅读:
    1008 Elevator (20)(20 分)
    1007 Maximum Subsequence Sum (25)(25 分)
    1006 Sign In and Sign Out (25)(25 分)
    酒店前台管理系统主要代码截图
    酒店前台管理系统
    酒店前台管理系统需求分析
    session与cookie的区别和联系
    ldap的实现单点登录
    git如何使用
    javaweb项目中的web.xml
  • 原文地址:https://www.cnblogs.com/Tobenew/p/10506850.html
Copyright © 2011-2022 走看看