前端基础HTML之表单标签

表单标签

• 作用：收集用户信息

• 格式：

  <form action="提交按钮提交内容到的网址">
      <label for="account">账号</label><input type="text" id="account"><!--将文字与输入框绑定在一起-->
      <input type="password">
      <input type="radio"><!--单选框；所有单选框加同一个name属性可以达到互斥效果；默认选择属性checked="checked"-->
      <input type="checkbox">
      <input type="buttom" value="按钮">
      <input type="image" src="">
      <input type="reset">
      <input type="submit"><!--只要加了name属性的标签中的呢哦荣就会被提交-->
      <input type="hidden">
      <select><!--下拉列表-->
          <optgroup>
              <option selected="selected"></option><!--默认选择-->
              <option></option>
              <option></option>
          </optgroup>
          <optgroup>
              <option selected="selected"></option><!--默认选择-->
              <option></option>
              <option></option>
          </optgroup>
      </select>
      <textarea cols="" rows=""></textarea><!--多行输入框-->
  </form>

  待选列表（模糊搜索）

  <input type="text" list="dl">
      <datalist id="dl">
          <option></option>
          <option></option>
          <option></option>
      </datalist>