【2018-01-22】HTML-表单及表单元素
<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 - 文件选择
