HTML5-表单初级验证(placeholder:可以在文本框有提示信息、required:不能为空)
表单初级验证
思考?为什么要进行表单验证
常用方式
placeholder:提示信息
required:不能为空
pattern:正则表达式
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>登录注册</title> </head> <body> <h1>注册</h1> <form> <!-- placeholder:提示信息,用在所有的输入框中 required:不能为空 --> <p>密码 <input type="passwod" value="" placeholder="请输入内容:" required/> </p> <p>自定义邮箱: <input type="text" name="dyemli" pattern="^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$"> </p> <!-- submit:提交按钮 reset:清空按钮 --> <p> <input type="submit"/> <input type="reset"/> </p> </form> </body> </html>