您的位置:首页 > Web前端 > HTML

29-HTML-14-HTML(表单格式化)

2015-08-11 20:19 531 查看
【示例程序】

<html>
<form>
<table border="1" bordercolor="#0000ff" cellpadding=10 cellspacing=0 width=600>
<tr>
<th colspan="2">注册表单</th>
<tr>
<tr>
<td>用户名称</td>
<td><input type="text" name="user" /></td>
</tr>
<tr>
<td>输入密码</td>
<td><input type="password" name="psw" /></td>
</tr>
<tr>
<td>确认密码</td>
<td><input type="password" name="repsw" /></td>
</tr>
<tr>
<td>选择性别</td>
<td>
<input type="radio" name="sex" value="nan" />男
<input type="radio" name="sex" value="nv" />女
</td>
</tr>
<tr>
<td>选择技术</td>
<td>
<input type="checkbox" name="tech" value="java" />JAVA
<input type="checkbox" name="tech" value="html" />HTML
<input type="checkbox" name="tech" value="css" />CSS
</td>
</tr>
<tr>
<td>选择国家</td>
<td>
<select name="country">
<option name="none">--选择国家--</option>
<option name="usa">美国</option>
<option name="en">英国</option>
<option name="cn">中国</option>
</select>
</td>
</tr>
<tr>
<th colspan="2">
<input type="reset" value="清除数据" />
<input type="submit" value="提交数据" />
</th>
<tr>
</table>
</form>
</html>


【程序结果】

网页上是一个表格,让客户填写注册信息。

【解释】

cellpadding是每个单元格中的内容与本单元格之间的距离(内容距本单元格上下左右都是10);

cellspacing是单元格与单元格之间的距离;

colspan="2"是占2列。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: