HTML5-从0开始学习之H5新增表单属性(一)

1,placeholder:设置提示信息或默认值

        <input type="text" placeholder="用户名不能为空" name="" id="">

2,autofocus:自动获取输入焦点

<input type="text" autofocus name="" id=""> 

3,required:设置字段为必填项

        <input type="text" placeholder="用户名不能为空" required name="" id="">

4,pattern:正则模式验证,更精确的控制用户输入

序号 模式 描述 实例
1 [] 限定范围 [0-9],[a-z],[A-Z]
2 {} 限定数量 {3}必须为三个,{3,6}3个到6个之间,{3,}至少三个
3 ^ 限制开头 ^php[5-7]{a-z}{2,5}php开头跟一个数字再跟2到5个字母
4 $ 限制结尾 [0-9]{2}{a-z}{3}abc$
        <input type="text" pattern="[A-Z]{3}" name="" id="">
        <input type="submit" name="" id="">

猜你喜欢

转载自blog.csdn.net/qq_34987137/article/details/83479645