<body> ???<!--表单--> ???<form action="" method="post"> ???????<!--文本类--> ???????<input type="text" value="" placeholder="请输入用户名"/><!--文本框--> ???????<input type="password" value="默认文字"/><!--密码框--> ???????<textarea>默认文字</textarea><!--文本域--> ???????<input type="hidden" value="默认文字"/><!--隐藏域--> ???????<br /><br /> ???????<!--按钮类--> ???????<input type="button" value="确定"/><!--普通按钮--> ???????<input type="submit" ?/><!--提交按钮--> ???????<input type="reset" /><!--重置按钮--> ???????<input type="image" src="aaa/0019.jpg"/><!--图片按钮，效果同提交按钮--> ???????<input type="file" /><!--上传按钮--> ???????<br /><br /> ???????<!--选择类--> ???????<input type="radio" name="sex" checked="checked" id="nan" value="1"/><!--单选按钮--> ???????<label for="nan">男</label> ???????<input type="radio" name="sex" id="nv" value="0"/> ???????<label for="nv"><img src="aaa/women.png"/></label> ???????<br /> ???????<input type="checkbox" name="bao" id="bao1" value="1"/><!--多选按钮--> ???????<label for="bao1">香辣鸡腿堡</label> ???????<input type="checkbox" name="bao" value="2"/>劲脆鸡腿堡 ???????<input type="checkbox" name="bao" value="3"/>深海鳗鱼堡 ???????<input type="checkbox" name="bao" value="4"/>新奥尔良鸡腿堡 ???????<input type="checkbox" name="bao" value="5"/>半鸡半虾堡 ???????<br /> ???????<select><!--下拉框--> ???????????<option value="001">小学</option> ???????????<option value="002">初中</option> ???????????<option value="003">高中</option> ???????????<option value="004">专科</option> ???????????<option value="005">本科</option> ???????</select> ???????<br /> ???????????</form></body>
表单：
<form action="" method="get/post" >
<input type="text"/>
....
</form>
表单元素：12个
文本类
<input type="text" value=""/> - 文本框
<input type="password" value=""/>- 密码框
<textarea></textarea> - 文本域
<input type="hidden"/> - 隐藏域
按钮类
button - 普通按钮
submit - 提交按钮
reset - 重置按钮
image - 图片按钮 = 提交按钮
选择类
radio - 单选按钮
checkbox - 复选按钮
<select> - 下拉列表
<option></option>
</select>
file - 文件选择
【2018-01-22】HTML-表单及表单元素
原文地址：https://www.cnblogs.com/zqyyx/p/8331474.html