表单的基础知识

---

<from>
  <fieldset>
    <legend>表单</legend>
    <div>
      <label for="account">账号:</label>
      <input type="text" placeholder="你开心就好" id="account" required />
    </div>
    <div>
      <label for="psd">密码:</label>
      <input type="password" placeholder="这是秘密啊" id="psd" required />
    </div>
    <div>
      <label>性别:</label>
      <input type="radio" id="male" name="gender" />
      <label for="male">男</label>
      <input type="radio" id="famale" name="gender" />
      <label for="famale">女</label>
    </div>
    <div>
      <label>爱好:</label>
      <input type="checkbox" id="male" name="hobby[]" />
      <label for="male">篮球</label>
      <input type="checkbox" id="famale" name="hobby[]" />
      <label for="famale">足球</label>
    </div>
  </fieldset>
  <div>
    <select>
      <option>12</option>
      <option value="34"></option>
      <option>56</option>
    </select>
  </div>
  <div>
    <input type="search" list="search" />
    <datalist id="search">
      <option value="456"></option>
      <option value="">123</option>
      <option value="789"></option>
    </datalist>
  </div>
</from>
<iframe srcdoc="点击按钮进百度" width="200" height="200" name="baidu"></iframe>
<a href="https://baidu.com" target="baidu">走</a>

• 需要注意的点
  1.label 标签的 for 属性，和 input 绑定； 2.下拉框 select 与 input、datalist 组合：select 下面的 option 标签里面写内容，不用写 value 也可以显示；但是 datalist 下面的 option 必须在 value 属性里面写；
  3.iframe 标签里面的 src 和 srcdoc 属性；