HTML学习（六）——表单的初级验证

表单初级验证

表单的应用

• 只读 readonly

    <p>名字：<input type="text" name="username" value="admin" readonly ></p>
  

• 隐藏 hidden

    <p>密码：<input type="password" name="pwd" hidden></p>

• 禁用 disabled

      <input type="radio" value="boy" name="sex" checked disabled>男

表单的初级验证

常用方式

• placeholder是一个提示

    <p>名字：<input type="text" name="username" placeholder="请输入用户名" ></p>

• required 非空判断

    <p>密码：<input type="password" name="pwd" required></p>

• pattern 正则表达式

<!--自定义身份证号,pattern可以去百度常用的正则表达式-->
    <p>自定义：
        <input type="text" name="diymail" pattern="^\d{15}|\d{18}$">
    </p>