HTML表单

表单用于搜集不同类型的用户输入，表单由不同类型的标签组成，相关标签及属性用法如下：
1、标签 定义整体的表单区域
action属性 定义表单数据提交地址
method属性 定义表单提交的方式，一般有“get”方式和“post”方式

使用方式:

<form action="" method="" encType="">
	
</form>

2、标签 为表单元素定义文字标注

label 的 for 属性值可以和 input 的 id 名书写一致, 使 label 的点击也能够触发 input 的聚焦

label的使用方式:
<label for="">Male</label>
<label for="">Female</label>
label的for属性设置: 
<label for="male">用户名:
<input type="text" id="male">

3、标签 定义通用的表单元素

• type属性

  • type=“text” 定义单行文本输入框
  • type=“password” 定义密码输入框
  • type=“radio” 定义单选框
  • type=“checkbox” 定义复选框
  • type=“file” 定义上传文件
  • type=“submit” 定义提交按钮
  • type=“reset” 定义重置按钮
  • type=“button” 定义一个普通按钮
  • type=“hidden”

• value属性 定义表单元素的值

• name属性 定义表单元素的名称，此名称是提交数据时的键名

  使用方法:

  男 女 唱歌

4、标签 定义多行文本输入框

使用方法:
<textarea name="" placeholder="提示信息..." id="" cols="30" rows="10">
	textarea的使用
</textarea>

5、标签 定义下拉表单元素

6、标签 与标签配合，定义下拉表单元素中的选项

使用方法: 
创建带有 4 个选项的选择列表：
<select name="province" id="">
    <option value="1">北京</option>
    <option value="2">河北</option>
    <option value="3">河南</option>
    <option value="4">湖北</option>
</select>