1.语法
<form action=" " method="get/post">
<input type=" " name=" " value=" "/>
</form>
eg:
<form action="#" method="post" enctype="multipart/form-data">
<input type="file" name="files"/>
<input type="submit" value="确认"/>
</form>
2.type属性的值
text:表示输入框(文本框)
password:表示密码框
submit:表示提交按钮
reset:表示重置按钮
radio:单选按钮
checkbox:复选按钮
3.下拉框
<select name=""> <!--下拉框-->
<option value=""></option> <!--下拉框的选项-->
</select>
eg:
...
<p>
<select name="city">
<option value="yy">益阳</option>
<option value="cs" selected="selected">长沙</option>
<option value="bj">北京</option>
</select>
</p>
....
注意:默认选中<option selected="selected"></option>
radio,checkbox的默认选中是checked="checked"
4.图片按钮
<input type="image" src="图片路径+名称/">
5.文件域
<input type="file">
注意:提交方式是post,并且在form中指定enctype="multipart/form-data"
6.多行文本域
<textarea cols="多列" rows="多行"></textarea>
7.域
<fieldset> //域标签
<legend></legend> //域标题
<input type="xx"/>
</fieldset>
eg:
...
<fieldset>
<legend>用户信息</legend>
爱好<input type="checkbox"/>水果
<input type="checkbox" />运动
<input type="checkbox"/>听歌
</fieldset>
...
8.表单元素标注
<label for="id"></label> 标注
步骤:
第一步:给指定的标签加上id属性
第二步:在label中加上for="id属性的值"
9.表单的高级应用
只读:readonly="readonly"
禁用:disabled="disabled"
隐藏域:type="hidden"
eg:
<html>
<head></head>
<body>
<input readonly="readonly" type="text" value="ct"/>
<input disabled="disabled" value="zs"/>
<input type="button" disabled="disabled" value="tijiao"/>
</body>
</html>