HTML 部分语法结构总结

时间:2022-05-12 22:12:24
<span style="font-size:24px;"><html>
<head>

<title>11</title>
</head>
<body>
<form method="get" action="result.html">
名字:<input name ="name" type="text" size="6"><br/>

密码:<input name ="pass" type="password" maxlength="6"readonly="readonly"><br/>

性别:<br/>
<input name ="gen" type="radio" value="男">男
<input name ="gen" type="radio" value="女">女<br/>

<label for="w">男</label>
<input type="radio"name="gender" id="w"/>
<label for="p">女</label>
<input type="radio"name="gender" id="p"/><br/>

爱好:<br/>
<input type="checkbox"name="interest"value="sports">运动
<input type="checkbox"name="interest"value="sports">篮球
<input type="checkbox"name="interest"value="sports">跑步
<input type="checkbox"name="interest"value="sports">游泳
<input type="checkbox"name="interest"value="sports">排球<br/>

出生日期:<br/>
<select name="a">
<option value="1">1995</option>
<option value="2">1996</option>
<option value="3">1997</option>
<option value="5">1998</option>
<option value="6">1999</option>
<option value="7">2000</option>
<option value="8">2001</option>
<option value="9">2002</option>
<option value="10">2003</option>
<option value="11">2004</option>
<option value="12">2005</option>
</select>年
<select name="b">
<option value="1">一月</option>
<option value="2">二月</option>
<option value="3">四月</option>
<option value="5">五月</option>
<option value="6">六月</option>
<option value="7">七月</option>
<option value="8">八月</option>
<option value="9">九月</option>
<option value="10">十月</option>
<option value="11">十一月</option>
<option value="12 ">十二月</option>
</select>月
<select name="c">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="5">4</option>
<option value="6">5</option>
<option value="7">6</option>
<option value="8">7</option>
<option value="9">8</option>
<option value="10">9</option>
<option value="11">10</option>
<option value="12 ">11</option>
</select>日<br/>

文本域:<br/>
<textarea name="textarea" cols="40" rows="6"></textarea><br/>

<input type="button" name="reset" value="普通按钮">
<input type="submit" name="reset" value="提交"disabled="disabled">
<input type="reset" name="reset" value="重置"onclick="alert(this.value)"><br/>

用户名:<br/>
<input type="hidden" value="66" name="yc">

语义化:
<table width ="170">
<caption>岗位信息表</caption>
<thead>
<tr>
<th>姓名</th>
<th>职业</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center">科比</td>
<td align="center">篮球</td>
</tr>
</tbody>
</table><br/>

域:
<fieldset>
<legend>用户信息</legend>
姓名:<input type="text"/>
年龄:<input type="text"/><br/>
手机:<input type="text"/>
邮箱:<input type="text"/><br/>
</fieldset>

<input type ="submit" name="Botton"value="提交">
<input type ="reset" name="Reset"value="重填">


</p>
</form>
</body>
</html></span>