表单控件的用法

1.<input>的常用属性

text(文本域)、checkbox(复选框)、file(文件类型)、hidden（隐藏域）、password(密码域)、radio（单选）、image(图像域)、number等。例如复合框

<input type="checkbox" name="hobby[]" id="game">

预定义复合框

<section>
  <label for="course">课程：</label>
  <input type="text" name="course" list="courses">
  <datalist id="courses">
    <option value="javascript开发"></option>
    <option value="html/css开发"></option>
    <option value="php开发"></option>
  </datalist>
</section>

" class="reference-link">

2.select属性和事件

multiple属性可以每次选中多个<option>
size属性的来设置下拉列表中可见选项的数目
change是当值发生改变时触发
click是当点击时触发

<select name="lang" id="lang" multiple size="2">
        <optgroup label="数字">
          <option value="1" label="1"></option>
          <option value="2" label="2" selected></option>
          <option value="3" label="3"></option>
        </optgroup>
        <optgroup>
          <option value="4" label="4"></option>
          <option value="5" label="5"></option>
        </optgroup>
      </select>

---

3.文本域的属性和事件

 <textarea
          name=""
          id=""
          cols="30"
          rows="10"
          minlength="10" 
          maxlength="50"
            <!-- 提示 -->
          placeholder="123"
          <!-- 当选中时 -->
          onselect=""
        ></textarea>

---

4. 表单域分组元素常用属性

<fieldset>的属性：name form
语法

<fieldset>
<!-- 分组标题 -->
      <legend>基本信息</legend>
      <section>
        <input type="password" placeholder="您的密码" />
      </section>
    </fieldset>