HTML <table> 标签
border | pixels | 规定表格边框的宽度。 | STF |
cellpadding |
| 规定单元边沿与其内容之间的空白。 | STF |
cellspacing |
| 规定单元格之间的空白。 | STF |
HTML 5 <form> 标签
action | 定义一个 URL。当点击提交按钮时,向这个 URL 发送数据。 |
method | 用于向 action URL 发送数据的 HTTP 方法。默认是 get。 |
HTML <input> 标签的 type 属性
button | 定义可点击按钮(多数情况下,用于通过 JavaScript 启动脚本)。 |
checkbox | 定义复选框。 |
file | 定义输入字段和 "浏览"按钮,供文件上传。 |
hidden | 定义隐藏的输入字段。 |
image | 定义图像形式的提交按钮。 |
password | 定义密码字段。该字段中的字符被掩码。 |
radio | 定义单选按钮。 |
reset | 定义重置按钮。重置按钮会清除表单中的所有数据。 |
submit | 定义提交按钮。提交按钮会把表单数据发送到服务器。 |
text | 定义单行的输入字段,用户可在其中输入文本。默认宽度为 20 个字符。 |
HTML <input> 标签的 checked 属性
checked 属性规定在页面加载时应该被预先选定的 input 元素。
checked 属性 与 <input type="checkbox"> 或 <input type="radio"> 配合使用。
HTML <option> 标签的 selected 属性
elected 属性规定在页面加载时预先选定该选项。
被预选的选项会显示在下拉列表最前面的位置。
综合案例:
<html>
<head>
<meta http-equiv="Content-type" content="text/html;charset=utf-8"/>
<meta http-equiv="refresh" contnt="3;uri=http://baidu.com"/>
<title> hello world!</title>
</head>
<body>
<form action="#" method="get">
<table align="center" border='0' cellspacing="10" cellpadding="10">
<input type="hidden" name="id" value="id"/>
<tr>
<td>用户名:</td>
<td><input type="text" name="userName" value="" /></td>
</tr>
<tr>
<td>密码:</td>
<td><input type="password" name="password" /><br/></td>
</tr>
<tr>
<td>爱好:</td>
<td>
<input type="checkbox" name="hobby" value="film" checked="checked">电影
<input type="checkbox" name="hobby" value="net">上网<br/>
</td>
</tr>
<tr>
<td>性别:</td>
<td>
<input type="radio" name="sex" checked="checked"/>男
<input type="radio" name="sex"/>女<br/>
</td>
</tr>
<tr>
<td>头像:</td>
<td>
<input type="file" name="img"/><br/>
<select name="list">
<option value="aaa">aaa</option>
<option value="aaa" selected="selected">bbb</option>
<option value="aaa">ccc</option>
</select><br/>
</td>
</tr>
<tr>
<td>个人介绍:</td>
<td><textarea rows="5" cols="20"></textarea><br/></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" value="揭交"/>
<input type="reset" value="重置"/>
</td>
</tr>
</table>
</form>
</body>
</html>