编写一个简单的个人基本信息注册页面。要求页面内至少包含用户名、密码、性别(单选)、个人爱好(多选)、个人简介(多行文本)、提交按钮等。
时间: 2023-05-24 18:02:43 浏览: 496
以下是一个简单的个人基本信息注册页面的HTML代码实现:
```
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>个人基本信息注册页面</title>
</head>
<body>
<h1>个人基本信息注册页面</h1>
<form action="submit_page.php" method="post">
<fieldset>
<legend>个人信息</legend>
<label for="username">用户名:</label>
<input type="text" id="username" name="username" required>
<br>
<label for="password">密码:</label>
<input type="password" id="password" name="password" required>
<br>
<label>性别:</label>
<br>
<input type="radio" id="male" name="gender" value="male" required>
<label for="male">男</label>
<input type="radio" id="female" name="gender" value="female" required>
<label for="female">女</label>
<br><br>
<label>个人爱好:</label>
<br>
<input type="checkbox" id="reading" name="hobby[]" value="reading">
<label for="reading">读书</label>
<input type="checkbox" id="travel" name="hobby[]" value="travel">
<label for="travel">旅游</label>
<input type="checkbox" id="music" name="hobby[]" value="music">
<label for="music">听音乐</label>
<br><br>
<label for="introduction">个人简介:</label>
<br>
<textarea id="introduction" name="introduction" rows="5" cols="50" required></textarea>
<br><br>
<input type="submit" value="提交">
</fieldset>
</form>
</body>
</html>
```
在这个页面中,我们使用了form来收集用户输入的信息,并且设置了提交按钮,当用户点击提交按钮后,表单中的信息会被提交到submit_page.php页面进行处理。在表单中,我们使用了各种表单元素来请求用户输入信息,如文本框、单选框、复选框、多行文本框等。我们还设置了各种属性,如required来保证用户必须填写的信息,name来设置表单元素的名字,value来设置表单元素的值等。