HTML表单的用法

表单作用：收集信息提交给服务器

1.表单需要用form标签包围

  <from action="提交到服务器地址" method="get/post"></from>

2.单选，相同的name为一组

  1组
  <input type="radio" name="sex" value="man" >男
  <input type="radio" name="sex" value="woman">女

  2组
  <input type="radio" name="sex1" value="man" >男
  <input type="radio" name="sex1" value="woman">女

3.多选type="checkbox"，<label> 标签包围点文字也可以选择

  <label><input type="checkbox" name="" value="dota">dota</label>
  <label><input type="checkbox" name="" value="旅游" checked>旅游</label>
  <label><input type="checkbox" name="" value="宠物" checked>宠物</label>

4.密码框，输入显示黑圆点

  <input type="password" name="" placeholder="默认显示的文字">

5.单行文本框

  <input type="text" name="" placeholder="默认显示的文字">

6.多行文本框

  <textarea name="" cols="10" rows="5" >
          默认显示的文本
  </textarea>

7.下拉菜单栏

  <select>
      <option value="beijing">北京</option>
      <option value="shanghai" selected>上海</option>
      <option value="hangzhou">杭州</option>
  </select>

8.隐藏域，检验是否安全

  <input type="hidden" name="" value="">

9.上传文件

  <input type="file" name="" accept="定义上传文件类型">

10.按钮

  <button>提交</button>
  <input type="buttom" value="按钮">
  <input type="submit" value="提交">
  <input type="reset" value="重置">