html -- 表达验证

最新推荐文章于 2021-11-24 16:13:31 发布

sanjiaowuhuan

最新推荐文章于 2021-11-24 16:13:31 发布

阅读量206

点赞数

本文链接：https://blog.csdn.net/sanjiaowuhuan/article/details/101174438

版权

teacher-note 专栏收录该内容

97 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--pattern属性中可以指定用户输入内容的规则
    规则是通过正则表达式来指定的
    表示一个数字：\d     或   [0-9]
    表示一个英文字符：［a-zA-Z］
    表示需要多少个到多少个之间： {min,max}

    在表单元素上添加 novalidate 属性，可以明确指定要忽略校验
-->
<form action="register.jsp" method="post" >
    <table>
        <tr>
            <td>用户名</td>
            <td>
                <input type="text" name="userName"
                       placeholder="请输入英文名" required pattern="[a-zA-Z]{3,10}">
            </td>
        </tr>
        <tr>
            <td>密码</td>
            <td>
                <input type="password" name="password"
                       placeholder="输入6-20的密码(数字或字母)" required
                    pattern="[0-9a-zA-Z]{6,20}"
                >
            </td>
        </tr>
        <tr>
            <td>邮箱</td>
            <td>
                <input type="email" name="email"
                       placeholder="请输入邮箱" required>
            </td>
        </tr>
        <tr>
            <td>手机号</td>
            <td>
                <input type="text" name="phone"
                       placeholder="请输入手机号码" required
                       pattern="1\d{10}"
                >
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <input type="submit"  value="注册">
            </td>
        </tr>

    </table>

</form>

</body>
</html>