HTML5 表单验证

发布时间:2020-07-17 06:02:05 作者:Hello_Prudence
来源:网络 阅读:259

==============================================

1.required --- 必填字段验证


2.minlength, maxlength --- 字符长度验证


3.min, max --- 数值范围验证  用于number,range 和日期时间类型


4.step --- 步长验证


5.pattern --- 正则表达式验证


6.novalidate(form中) ---禁用表单验证 

  formnovalidate(submit中) ---禁用表单验证 


<form action=" " method="post">

    <div>用户名:<input type="text" minlength="3" maxlength="10" required></div>

    <div>密码:<input type="password" minlength="6" maxlength="8" required></div>

    <div>邮箱:<input type="email" pattern=" ^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$" required></div>

    <div>日期:<input type="date" min="2016-02-05" max="2017-02-05" required> </div>

    <div>订购数量:<input type="number" min="10" max="50" step="5" required> </div>

    <div>音量:

        <form oninput="out.value=in.value">

            <input type="range" name="in" value="0">

            <output name="out">0</output>

        </form>

    </div>

    <input type="submit">

    </form>


推荐阅读:
  1. HTML5实战应用:如何让表单验证更友好
  2. html5如何实现表单验证

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

用户名 表达式 number

上一篇:一款有趣的响应式网站开发工具箱 - Uix Kit

下一篇:sublime text3 安装 配置 以及常见问题汇总

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》