<label>标签
<form>
<label for="male">Male</label>
<input type="radio" name"sex" id="male"/>
<br>
<label for="femal">Female</label>
<input type="radio" name="sex" id="female"/>
</form>
<label> 标签为 input 元素定义标注(标记)。
label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。
<label> 标签的 for 属性应当与相关元素的 id 属性相同。
<input>
文本域:<input type="text" name=" ">
密码域:<input type="password" name=" ">
复选框:<input type="checkbox" name=" "><input type="checkbox" name=" ">
单选框 : <input type="radio" checked="checked" name="sex" value="male">
<input type="radio" name="sex" value="female">
name值相同
下拉列表:
<form>
<select name="cars">
<option value="volvo">volvo</option>
<option value="saab">saab</option>
<option value="fiat">fiat</option>
<option value="audi">audi</option>
</select>
</form>
带预选值的下拉列表:添加selected="selected"
文本域:<textarea rows="10" cols="30">this</textarea>
按钮: <input type="button" value="Hello world">
围绕数据的Fieldset:绘制一个带标题的框:
<form>
<fieldset>
<legend>健康信息</legend>
身高:<input type="text">
</fieldset>
</form>
带有输入框和确认按钮的表单
<form action="/example/html/form_action.asp" method="get">
<p>First name:<input type="text" name="fname"></p>
<p>Last name:<input type="text" name="lname"></p>
<input type="submit" value="submit">
</form>
<p>请单击确认按钮,输入会发送到服务器上名为"form_action.asp"的页面。</p>
将输入框改为复选框可提交
从表单发送电子邮件
<form action="MAILTO:[email protected]" method="post" enctype="text/plain">
<h3>这个表单会把电子邮件发送到W3School。</h3>
<input type="text" name="name" value="yourname" size="20">
<input type="text" name="mail" value="yourmail" size="20">
<input type="text" name="comment" value="yourcomment" size="40">
<input type="submit" value="submit">
<input type="reset" value="reset">
</form>
<tabel>标签
<tr><td></td><td></td></tr>一行两列
表格边框<table border="1"></table>
border的值表示边框大小
表头:<th></th>代替<td></td> <th></th>中的字体自动加粗
带有标题的表格<caption></caption>
跨列:<td colspan="2"></td>
跨行:<td rowspan="2"></td>
cellpadding=" "表单填充
cellspadding 单元格填充
向表格添加背景颜色或者背景图像
<table border="1" bgcolor="red"></table>
<table border="1" bgckground=" "></table>