zoukankan      html  css  js  c++  java
  • HTML5 表单自学记录

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>HTML5表单属性</title>
    </head>
    <body>
    <form action=""><!--这里加autocomplete="off"全体关闭 假若这里写autocomplete="off" 下面的autocomplete="off"改为autocomplete="NO"那么下面的那个还是自动完成- 这里加novalidata比如email格式错误了不会提示>
    <fieldset>
    <legend>HTML5表单属性</legend>
    <!--placeholder文本框自然而然出现命名的字 autofocus自动出现文本框焦点-->
    placeholder:<input type="text" placeholder="请输入用户名" name="placeholder" autofocus>
    <label for="">
    <!--file单文件上传multiple多文件上传-->
    <input type="file" multiple>
    </label>
    <label for=""><!--自动完成 如果我保存后点击返回 之前我输入的东西比如用户名是abc点a就出现了abc选项的提示-->
    autocomplete:<input type="text" name="autocomlete" autocomplete="off">
    </label>
    <label for=""><!--加上之后你没填写内容它会有提示请填写此栏-->
    <input type="textt" required>
    </label>
    <label for=""><!--等于的是一个正则表达式 就是1到多个数字不是此类型会提示输入正确类型-->
    <input type="textt" pettern="d+">
    </label>

    <label for="">
    <input type="submit" value="保存">
    </label>

    </fieldset>
    </form>
    </body>
    </html>

  • 相关阅读:
    flex居中
    flex
    js将接口返回的数据序列化
    用javascript替换URL中的参数值
    object遍历删除空值
    node代理服务器
    随机生成id
    正则之特殊字符
    H5项目常见问题及注意事项
    node编译C++,比如安装node-gyp失败的问题
  • 原文地址:https://www.cnblogs.com/hello-web/p/7003283.html
Copyright © 2011-2022 走看看