HTML表单初级验证

最新推荐文章于 2024-09-09 22:16:15 发布

大猩猩StudyData

最新推荐文章于 2024-09-09 22:16:15 发布

阅读量599

点赞数

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/weixin_39391878/article/details/121466781

版权

html 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单初级验证</title>
</head>
<body>
<!--
初级验证：
placeholder：提示输入框应该输入什么
required：必填
pattern：正则验证
-->
<form method="post" action="result.html">

    <p>名字：
        <input type="text" name="username" placeholder="请输入用户名" required>
    </p>
    <p>密码：
        <input type="password" name="pwd" maxlength="7" hidden>
    </p>
    <p>自定义邮箱：
        <input type="email" name="diyemail" pattern="^\\s*\\w+(?:\\.{0,1}[\\w-]+)*@[a-zA-Z0-9]+(?:[-.][a-zA-Z0-9]+)*\\.[a-zA-Z]+\\s*$">
    </p>
</form>

</body>
</html>