<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单验证</title>
</head>
<body>
<form>
<p>
<!--placehodler 作为提示
required 非空
pattern 正则表达式 网页搜索正则表达式,可以根据需要去找
-->
<input type="text" name="username" placeholder="请输入用户名" required>
</p>
<p>
<input type="text" name="diymail" pattern="^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$">
</p>
<input type="submit">
</form>
</body>
</html>