再给表单加个蓝色标题,读者信息输入
时间: 2023-11-13 11:04:15 浏览: 35
可以在表单上方添加一个标题,以便用户更好地理解表单的内容。同时,可以为标题添加一个蓝色背景色,以增强可读性。下面是一个例子:
```
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表单</title>
<style>
table {
margin: 0 auto; /* 居中显示 */
}
h1 {
background-color: blue; /* 蓝色背景色 */
color: white; /* 白色字体 */
text-align: center; /* 居中显示 */
padding: 10px; /* 内边距 */
}
</style>
</head>
<body>
<h1>读者信息输入</h1>
<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>
<tr>
<td></td>
<td><input type="submit" value="注册">
<input type="reset" value="重置"></td>
</tr>
</table>
</form>
</body>
</html>
```
在这个例子中,使用了<h1>标签来创建标题,并且为标题添加了一个蓝色背景色和白色字体。同时,使用了padding属性为标题添加了一些内边距,使其更加美观。