HTML网页制作:插入表单

html-css046

HTML网页制作:插入表单,第1张

Html的表格用table来表示。下面,我们来看看HTML怎么插入表格吧。

01

table

首先定义HTML表格,代码为<table></table>,如下图所示:

02

定义表格的行

使用tr元素定义HTML表格的行,如下图所示:

03

定义单元格

使用td元素定义单元格,如下图所示:

04

表格的边框

然后用border定义表格的边框,如下图所示:

<html >

<head>

<title>注册页面</title>

</head>

<body>

<form action="" method="post">

<table>

<tr><th colspan="2">注册用户</th></tr>

<tr>

<td>姓名:</td>

<td><input type="text" name="userName" /></td>

</tr>

<tr>

<td>性别:</td>

<td>男:<input type="radio" name="userSex" value="男" checked="checked">女:<input type="radio" name="userSex" value="女"></td>

</tr>

<tr>

<td>年龄:</td>

<td><select name="userAge">

<option value="20">20</option>

<option value="21">21</option>

<option value="22">22</option>

<option value="24">24</option>

</select></td>

</tr>

<tr>

<td>个人简介:</td>

<td><textarea name="userInfo" cols="30" rows="15"></textarea></td>

</tr>

<tr>

<td>联系电话:</td>

<td><input type="text" name="telephone" /></td>

</tr>

<tr>

<td>照片:</td>

<td><input type="file" name="userPhoto" /></td>

</tr>

</table>

</form>

</body>

</html>