实训步骤与过程
| 用户注册信息，按提交后可以显示图2效果。 |
<div class=" neirongkuang"><br />
<input type="text" id="u_name"/><br /><br />
<input type="password" id="u_pasw"/><br /><br />
<input type="radio" value="男" id="sex" name="sex" />男<img src="img/男.png" width="30px"height="30px"/>
<input type="radio" value="女" id="sex" name="sex"/>女<img src="img/女.png" width="30px"height="30px"/><br /><br />
<select id="xueli">
<option>高中</option>
<option>大专</option>
<option>本科</option>
<option>研究生</option>
</select><br />
<input type="checkbox" id="love" name="aihao" value="看书" style="margin-top: 35px;"/>看书
<input type="checkbox" id="love" name="aihao" value="打游戏"/>打游戏
<input type="checkbox" id="love" name="aihao" value="踢足球"/>踢足球
<input type="checkbox" id="love" name="aihao" value="逛街"/>逛街
<input type="checkbox" id="love" name="aihao" value="看电视"/>看电视
<br /><br /><br /><br />
<select size="3" id="yyan">
<option>C语言</option>
<option>Java</option>
<option>C++</option>
<option>Python</option>
<option>PHP</option>
<option>C#</option>
</select><br /><br /><br />
<input type="file" value="选择文件" id="lujing" style="margin-top: 10px;"/>
<p style="color: deepskyblue;">自己填<input type="text" id="zhishang" style="width: 30px"/>-255~255</p>
<br />
<textarea id="jianyi" style="height: 100px;width: 300px;"></textarea><br />
<label><button id="tijiao"/>提交</label>
<label><button type="reset" />重置</label>
</fieldset>
</div>部分的html代码如上，如有需要完成代码，可以选择下载附件。