html表格以及form表单部分标签的使用
2015-06-04 11:15
841 查看
<html>
<head>
<title>html表格标签演示</title>
<head>
<body>
<table width="200" border="1" cellpadding="2" cellspacing="3">
<caption>商品信息</caption>
<tr>
<th>商品名称</th>
<th>数量</th>
<th>备注</th>
</tr>
<tr align="right" bgcolor="#33FFFF">
<td>雨伞</td>
<td>100</td>
<td rowspan="2">合并列</td>
</tr>
<tr>
<td align="center" valign="middle">皮鞋<td>
<td>200</td>
<tr>
<td colspan="3">合并列</td>
</tr>
</table>
</body>
</html>
cellpadding 是边框与其内容的间隙大小；cellspacing 是边框与边框之间的间隙大小；
colspan="3" 把三列合并为一列
rowspan="2" 把两行合并为一行
<html>
<head>
<title>HTML文本标签演示代码</title>
</head>
<body>
<form action="" method="post" name="myForm">
<p>姓名：<input type="text" name="name" /></p>
<p>密码: <input type="password" name="password" /></p>
<p>爱好：看书<input type="checkbox" name=“book">听音乐：input type="checkbox" name="music"></p>
<p>性别：男<input type="radio" checked="checked" name="Sex" value="male" />女<input type="radio" name="Sex" value="female" /></p>
<p>所在地：<select name="place"><option value="shandong">山东</option><option value="hunan" selected="selected">湖南</option>
<option value="hebei">河北</option>
</select></p>
<p>个人简介：
<textarea name="textarea" cols="20" rows="5">
这是一个害羞的人！没有介绍自己啊。
</textarea>
</p>
<input type="submit" value="提交" /><input type="reset" value="重填" />
</form>
</body>
</html>
本文出自 “javen的博客” 博客，请务必保留此出处http://javenq.blog.51cto.com/9856112/1657011
<head>
<title>html表格标签演示</title>
<head>
<body>
<table width="200" border="1" cellpadding="2" cellspacing="3">
<caption>商品信息</caption>
<tr>
<th>商品名称</th>
<th>数量</th>
<th>备注</th>
</tr>
<tr align="right" bgcolor="#33FFFF">
<td>雨伞</td>
<td>100</td>
<td rowspan="2">合并列</td>
</tr>
<tr>
<td align="center" valign="middle">皮鞋<td>
<td>200</td>
<tr>
<td colspan="3">合并列</td>
</tr>
</table>
</body>
</html>
cellpadding 是边框与其内容的间隙大小；cellspacing 是边框与边框之间的间隙大小；
colspan="3" 把三列合并为一列
rowspan="2" 把两行合并为一行
<html>
<head>
<title>HTML文本标签演示代码</title>
</head>
<body>
<form action="" method="post" name="myForm">
<p>姓名：<input type="text" name="name" /></p>
<p>密码: <input type="password" name="password" /></p>
<p>爱好：看书<input type="checkbox" name=“book">听音乐：input type="checkbox" name="music"></p>
<p>性别：男<input type="radio" checked="checked" name="Sex" value="male" />女<input type="radio" name="Sex" value="female" /></p>
<p>所在地：<select name="place"><option value="shandong">山东</option><option value="hunan" selected="selected">湖南</option>
<option value="hebei">河北</option>
</select></p>
<p>个人简介：
<textarea name="textarea" cols="20" rows="5">
这是一个害羞的人！没有介绍自己啊。
</textarea>
</p>
<input type="submit" value="提交" /><input type="reset" value="重填" />
</form>
</body>
</html>
本文出自 “javen的博客” 博客，请务必保留此出处http://javenq.blog.51cto.com/9856112/1657011
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 