HTML 表单标签

表单标签
目的是为了收集用户信息
一个完整的表单是由表单域、表单控件（表单元素）和提示信息三部分构成
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>