常用的表单元素

《一》

<form>
用户名称:<input type="text" value="Name" name="myName"/><br/><br/>

用户密码:<input type="password"/><br/><br/>

用户性别:<input type="radio" name="sex" checked="checked" />男
<input type="radio" name="sex"/>女
<input type="radio" name="sex"/>男变女
<input type="radio" name="sex"/>女变男
<input type="radio" name="sex"/>性别不译<br/><br/>

爱好:<input type="checkbox" name="likes"/>吃
<input type="checkbox" name="likes"/>玩
<input type="checkbox" name="likes"/>乐<br/></br/>

请选择头像:<input type="file" name="myFile"/><br/><br/>

<select>
<option selected="selected">--请选择---</option>
<option>摄影</option>
<option>看书</option>
<option>旅游</option>
</select><br/><br/>

<textarea style="width:350px; height:60px;" >
1.遵纪守法;
2.爱党爱国;
3.年纪已满18岁;
</textarea><br/><br/>
<input type="checkbox" name=""/>我已同意以上条款<br/><br/>
<input type="submit" value="提交"/>
<input type="reset" value="重置"/>
<input type="button" value="普通按钮"/><br/><br/>
测试数据:<input type="text" name="data"/>
<input type="submit" value="提交数据"/><br/><br>
</form>
<br/><br/><br/>

<iframe frameboeder="0" src="infos.html" width="560px"></iframe>

《二》

<style type="text/css">
.tb{
width:500px;
height:250px;
border:1px solid black;
}
.tb tr{
border:1px solid black;
}
.tb tr td{
border:1px solid black;
}
</style>

<table class="tb" cellspacing="0">
<caption><b>请完善个人信息:<b></caption>
<tr>
<td>姓名:</td>
<td>
<input type="text" name="myName" value="mary"/></td>
<td rowspan="4">
<details>
<summary>各项<mark>技能</mark>指数</summary><br/>
html:<meter value="5" max="10"></meter><br/>
css:<meter value="7" max="10"></meter><br/>
javascript:<meter value="6" max="10"></meter><br/>
</details>
</td>
</tr>
<tr>
<td>性别:</td>
<td>
<input type="radio" checked="checked"/>男士
<input type="radio"/>女士
</td>
</tr>
<tr>
<td></td>
<td>
<input type="checkbox"/>不要公开我的信息
</td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="保存"/>
<input type="reset" value="重填"/></td>
</tr>
</table><br/>
<details>
<summary> 自我介绍</summary><br/>
姓名：罗姿<br/>
爱好：摄影，旅游，看书，运动<br/>
</details><br/>

设备1：<meter value="5" max="10"></meter><br/>

<time datatime="2015-10-9">2015年10月9日</time>

<fieldset>
<legend>必填信息</legend><br/>
用户名称：<input type="text" name="myName"/><br/>
用户密码：<input type="password" name="myPassword"/>
</fieldset><br/>
<h4><b>搜索<mark>“厚薄科技”</mark><b></h4>