用html生成一个10行2列的表单且居中显示,第一行是读者编号,第二行姓名,第三行性别,第四行出生日期,第五行单位,第六行是否学生,第七行电话号码,第八行E-mail,第九行密码,第十行,确认密码。
时间: 2023-09-30 18:12:16 浏览: 119
可以使用HTML的<table>标签和<input>标签来创建表单。下面是一个例子,可以生成一个符合要求的表单,并且居中显示:
```
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表单</title>
<style>
table {
margin: 0 auto; /* 居中显示 */
}
</style>
</head>
<body>
<form>
<table>
<tr>
<td>读者编号:</td>
<td><input type="text" name="reader_id"></td>
</tr>
<tr>
<td>姓名:</td>
<td><input type="text" name="name"></td>
</tr>
<tr>
<td>性别:</td>
<td><input type="radio" name="gender" value="male">男
<input type="radio" name="gender" value="female">女</td>
</tr>
<tr>
<td>出生日期:</td>
<td><input type="date" name="birthdate"></td>
</tr>
<tr>
<td>单位:</td>
<td><input type="text" name="company"></td>
</tr>
<tr>
<td>是否学生:</td>
<td><input type="checkbox" name="is_student" value="yes">是</td>
</tr>
<tr>
<td>电话号码:</td>
<td><input type="tel" name="phone"></td>
</tr>
<tr>
<td>E-mail:</td>
<td><input type="email" name="email"></td>
</tr>
<tr>
<td>密码:</td>
<td><input type="password" name="password"></td>
</tr>
<tr>
<td>确认密码:</td>
<td><input type="password" name="confirm_password"></td>
</tr>
</table>
</form>
</body>
</html>
```
这个表单中使用了<input>标签的不同类型,包括文本框、单选框、复选框、日期选择器等。可以根据实际需要修改表单的内容和样式。
阅读全文