表单的补充应用

补充1：

    <p>名字:<input type="text" name="username" value="admin" readonly></p>
    <!--value="admin" readonl默认为admin,只读不能修改-->

补充2:

性别：
        <input type="radio" value="boy" name="sex" disabled>男
        <!--disabled禁用，灰色不能点-->

补充3:

<p>密码:<input type="password" name="password" hidden></p>
<!--hidden隐藏-->

增强鼠标可用性：

<!--增强鼠标可用性-->
  <p>
      <label for="mark">点我试试</label> <!-- 点该文字，就能把鼠标锁定到for指向的框中 -->
      <input type="text" id="mark">
  </p>

表单的初级验证

• placeholder 提示内容

    <p>名字:<input type="text" name="username" placeholder="请输入用户名"></p>
    <!--placeholder="请输入用户名"，输入内容后灰色的字就消失，起到提示的作用,用在输入框文本域邮箱等地方-->

• required 元素不能为空

<p>名字:<input type="text" name="username" required></p>

• pattern 正则表达式

 <p>
        自定义邮箱：
        <input type="text" name="diymail" pattern="\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*">
         <!--搜索常用正则表达式，目标表达式填入patt中 -->
    </p>

查找地址：https://deerchao.cn/tutorials/regex/common.htm