表单用于搜集不同类型的用户输入,表单由不同类型的标签组成,相关标签及属性用法如下:
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>