html标签用于搜集不同类型的用户输入:
- 文本域textarea <textarea rows="10" cols="30">
- 输入input
- 密码password <input type="password" value="Password">
- 密码password <input type="password" value="Password">
- 文本text <input type="text" value="Text">
- 单选框radio 男性: <input type="radio" checked="checked" name="Sex" value="male" /> <br /> 女性: <input type="radio" name="Sex" value="female" />(通过 if(this.checked==true)或者 if(this.checked==false)判断是否被选中)
- 复选框checkbox checkbox1<input type="checkbox"><br />checkbox2<input type="checkbox" >
- 提交按钮submit <input type="submit" value="Submit">
- 图片 image <input type="image" src="1.jpg">
- 重置按钮 reset <input type="reset" value="Reset">
- 按钮button <input type="button" value="Hello world!">
- 文件选择 <input type="file" title="File" class="txt">
- 标记控件:在 label 元素内点击文本,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上,<label> 标签的 for 属性应当与相关元素的 id 属性相同。
<label for="male">Male</label>
<input type="radio" name="sex" id="male" />
<br />
<label for="female">Female</label>
<input type="radio" name="sex" id="female" />
</form>
- 下拉列表opition<select name="cars"> <option value="volvo" selected="selected">Volvo</option> <option value="saab">Saab</option><option value="fiat">Fiat</option> <option value="audi">Audi</option></select>
- 标题框legend:为 fieldset 元素定义标题。
- 标题框的Fieldset:当一组表单元素放到 <fieldset> 标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界、3D 效果,或者甚至可创建一个子表单来处理这些元素。
<legend>健康信息</legend>
身高:<input type="text" />
体重:<input type="text" />
</fieldset>