<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<title>表单</title></head><body><!--form表单--><form> ???用户名： ???<!--文本域--> ???<input type="text"> ???<br/> ???密码： ???<!--密码域--> ???<input type="password"> ???昵称：<input placeholder="绰号"/> ???<!--隐藏域--> ???<br/> ???你喜欢的水果有？ ???<!--checked设置初始为选中状态--> ???<br/> ???<input type="checkbox" checked="true">苹果 ???<input type="checkbox" checked="true">黄瓜 ???<input type="checkbox" checked="true">香蕉 ???<br/> ???请选择性别 ???<!--单选框以后标记的选中状态为准--> ???<input type="radio" name="sex" checked="true">男 ???<input type="radio" name="sex" checked="true">女 ???<br/> ???<!--下拉列表--> ???请选择你要的网站 ???<!-- 下拉选项框 --> ???<!--******** multiple是设置下拉菜单是否有滚动条 *******--> ???<!-- option是具体的选项 --> ???<select name="123" id="234"> ???????<option value="1">www.baidu.com</option> ???????<option value="2">www.google.com</option> ???????<option value="3">www.qq.com</option> ???</select> ???<br/> ???<select name="123" id="254"multiple="true"> ???????<option value="1">www.baidu.com</option> ???????<option value="2">www.google.com</option> ???????<option value="3">www.qq.com</option> ???????<option value="3">www.qq.com</option> ???????<option value="3">www.qq.com</option> ???????<option value="3">www.qq.com</option> ???????<option value="3">www.qq.com</option> ???</select> ???<br/> ???按钮 ???<input type="button" value="按钮"> ???<input type="submit" value="确定"> ???<input type="reset"> ???<!--重置域里面的文件--> ???<input type="file"> ???<!--文件--></form><textarea name="333" id="222" cols="20" rows="10">请填写个人信息</textarea><!--可以拖拽的文本域--><!-- 文本域展示 ?rows是现实多少行 ?cols是现实多少列 ?readonly是设置只读不能写入--><textarea rows="10" cols="70" readonly>请填写信息</textarea><input type="radio" name="people" id="goodpeople"/><label for="goodpeople">好人</label><input type="radio" name="people" id="badpeople"/><label for="badpeople">坏人</label><br/><br/><br/><br/><!--************鼠标放到字上面就可以点击************--><!-- 控件分组展示 ?field是域的意思，set是集合的意思 --><fieldset> ???<legend>地址信息</legend> ???姓名：<input/> <br/> ???密码：<input type="password"/></fieldset></body></html>
HTML学习笔记 域元素(form表单、textarea文本域、fieldset域集合、input使用) 案例 第四节 （原创）
原文地址：http://www.cnblogs.com/ttzzyy/p/7512981.html