一）文本输入控件
文本框（单行）
<input type=”text” value=”你的姓名” size=”4″ maxlength=”10″ />
文本域（多行）
<textarea rows=”3″ cols=”6″>初始内容</textarea>
二）按钮控件
<input type=”image” alt=”点 我” src=”imgs/lsq.png”/>
三）选择控件
复选框
<input type=”checkbox” name=”interests” value=”photograph”/>摄影<br />
<input type=”checkbox” name=”interests” value=”travel” checked=”checked”/>旅游<br />
<input type=”checkbox” name=”interests” value=”reading”/>阅读<br />
单选钮
<input type=”radio” name=”interests” value=”all” checked=”checked”/>全部<br />
<input type=”radio” name=”interests” value=”photograph”/>摄影<br />
<input type=”radio” name=”interests” value=”travel”/>旅游<br />
<input type=”radio” name=”interests” value=”reading”/>阅读<br />
下拉列表框（只显示一行，点击后显示全部）
<select >
<option value=”photograph”>摄影</option>
<option value=”travel”>旅游</option>
<option value=”reading” selected=”selected”>阅读</option>
</select>
列表框（直接显示多行）
<select size=”4″ multiple=”multiple”>
<option value=”photograph”>摄影</option>
<option value=”travel”>旅游</option>
<option value=”reading” selected=”selected”>阅读</option>
</select>
带有分组的列表框
<select size=”6″ multiple=”multiple” >
<optgroup label=”娱乐”>
<option value=”photograph”>摄影</option>
<option value=”travel”>旅游</option>
</optgroup>
<optgroup label=”学习”>
<option value=”reading” selected=”selected”>阅读</option>
</optgroup>
</select>
利用失效option实现的分组列表框
<select size=”6″ multiple=”multiple” >
<option disabled=”disabled” value=””>——娱乐——</option>
<option value=”photograph”>摄影</option>
<option value=”travel”>旅游</option>
<option disabled=”disabled” value=””>——学习——</option>
<option value=”reading” selected=”selected”>阅读</option>
</select>
四）文件选择框
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv=”content-type” content=”text/html;charset=utf-8″>
</meta>
</head>
<body>
<form enctype=”multipart/form-data”>
<input type=”file” accept=”image/*”/>
<input type=”submit” value=”确认”/>
</form>
</body>
</html>
五）定义Tab键次序
<input type=”checkbox” name=”1″ value=”1″ tabindex=”1″/>1<br/>
<input type=”checkbox” name=”2″ value=”2″ tabindex=”2″/>2<br/>
<input type=”checkbox” name=”3″ value=”3″ tabindex=”3″/>3<br/>
<input type=”checkbox” name=”4″ value=”4″ tabindex=”4″/>4<br/>
<input type=”checkbox” name=”5″ value=”5″ tabindex=”5″/>5<br/>
<input type=”checkbox” name=”6″ value=”6″ tabindex=”6″/>6<br/>
六）定义快捷键
<input type=”checkbox” name=”1″ value=”1″ tabindex=”1″ accesskey=”1″/>1<br/>
<input type=”checkbox” name=”2″ value=”2″ tabindex=”2″ accesskey=”2″/>2<br/>
<input type=”checkbox” name=”3″ value=”3″ tabindex=”3″ accesskey=”3″/>3<br/>
<input type=”checkbox” name=”4″ value=”4″ tabindex=”4″ accesskey=”4″/>4<br/>
<input type=”checkbox” name=”5″ value=”5″ tabindex=”5″ accesskey=”5″/>5<br/>
<input type=”checkbox” name=”6″ value=”6″ tabindex=”6″ accesskey=”6″/>6<br/>