表单标签
目的是为了收集用户信息
一个完整的表单是由表单域、表单控件(表单元素)和提示信息三部分构成
1.表单域<form>
目的是实现用户信息的收集和传递
<form action="ur/地址" method="提交方式" name="表单域名称">
</form>
method的取值是get或post
2.表单控件
input 输入表单元素
姓名 <input type="text"/> <br/>
<!--text:定义单行的输入字段,可在其中输入文本,默认宽度为二十个字符-->
密码 <input type="password"/> <br/>
<!--password:定义密码字段-->
性别 男<input type="radio"/> 女<input type="radio"/> <br/>
<!--radio:定义单选-->
特长 打球<input type="checkbox"/> 画画<input type="checkbox"/> 弹琴<input type="checkbox"/> <br/>
<!--checkbox:定义复选-->
性别 男<input type="radio"/ name="xuanze"> 女<input type="radio"/ name="xuanze"> <br/>
特长 打球<input type="checkbox"/ name="duo"> 画画<input type="checkbox"/ name="duo"> 弹琴<input type="checkbox"/ name="duo"> <br/>
<!--name主要用于区别不一样的表单,多选一或多选时所有选项必须含有相同名字的name才能实现-->
姓名 <input type="text"/ value="请输入名字"> <br/>
<!--value:打开页面就默认显示的文字-->
性别 男<input type="radio"/ name="xuanze" checked="checked"> 女<input type="radio"/ name="xuanze"> <br/>
<!--checked:主要针对单选复选框,当页面打开时默认选中某一按钮,单选只能给其中一个加复选都可以-->
<input type="submit"/> <!--提交-->
<label> ....</label>
标签为input元素定义标签
<label for="sex">nan</label>
<input type="radio" name="sex" id="sex"/>
for与id的属性值要相同
select 下拉表单元素
<select>
<option>选项1</option>
<option>选项2</option>
<option>选项3</option>
.......
</select>
在<option>中定义selected="selected"时,当前项即为默认选中项
textarea 文本域元素
定义多行输入
<textarea rows="3" cols="20">
</textarea>