在以上基础上结尾加上注册和重置按钮
时间: 2024-02-09 19:10:11 浏览: 27
可以在表单的最后添加一个提交按钮和一个重置按钮,以便用户提交表单或者重置表单内容。下面是一个例子:
```
<!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>
<tr>
<td></td>
<td><input type="submit" value="注册">
<input type="reset" value="重置"></td>
</tr>
</table>
</form>
</body>
</html>
```
在这个例子中,使用了<input>标签的submit和reset类型,分别表示提交和重置按钮。用户可以点击提交按钮将表单提交到服务器处理,也可以点击重置按钮清空表单内容。