pattern和required再html中区别代表什么

html-css016

pattern和required再html中区别代表什么,第1张

你好，1、pattern 属性规定用于验证输入字段的模式。模式指的是正则表达式。注释：pattern 属性适用于以下 <input>类型：text, search, url, telephone, email 以及 password 。2、required 属性规定必需在提交之前填写输入字段。如果使用该属性，则字段是必填（或必选）的。注释：required 属性适用于以下 <input>类型：text, search, url, telephone, email, password, date pickers, number, checkbox, radio 以及 file。

<!DOCTYPE html>

<html>

<head>

    <meta charset=utf-8" />

    <title>HTML5新增表单属性</title>

    <script src="http://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script>

    <script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>

</head>

<body>

<form action="HTML5Structure.html" id="commentForm">

    用户名：<input type="text" name="userName" pattern="[A-z]{5,}" title="只能是五位以上英文字符" required /><br />

    密码：<input type="password" name="userPwd" placeholder="请输入密码" title="密码不能为空" required /><br />

    <input type="submit" value="注册"/>

</form>

<script type="text/javascript">

$(function(){

    $("#commentForm").validate()

})

</script>

</body>

</html>

复制以上代码，看看是不是满足你的需求