- 智能AI问答！更聪明、更完整、原创作！
- 一款基于GPT的超级AI机器人，可以回答问题、聊天、创作、写文案！
创建一个网页包含单选按钮性别男女复选按钮爱好音乐旅游阅读
发布于 2024-09-06 09:41:24
要创建一个包含单选按钮和复选按钮的网页，你首先需要编写HTML和CSS。以下是一段基本的示例代码：
HTML 代码：
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>示例网页</title>
</head>
<body>
<h2>个人信息表单</h2>
<form action="/submit_form" method="post">
<label for="gender">性别:</label><br>
<input type="radio" id="male" name="gender" value="male">
<label for="male">男</label><br>
<input type="radio" id="female" name="gender" value="female">
<label for="female">女</label><br><br>
<label>爱好:</label><br>
<input type="checkbox" id="music" name="hobby" value="music">
<label for="music">音乐</label><br>
<input type="checkbox" id="travel" name="hobby" value="travel">
<label for="travel">旅游</label><br>
<input type="checkbox" id="reading" name="hobby" value="reading">
<label for="reading">阅读</label><br><br>
<input type="submit" value="提交">
</form>
</body>
</html>CSS 代码：
你可以在<head>标签内添加一个<style>标签来写入CSS样式，或者将CSS代码放在外部文件中，并在HTML中链接该文件。
body {
font-family: Arial, sans-serif;
margin: 20px;
}
h2 {
color: #333;
}
label {
margin-right: 10px;0 条评论
关于作者
相关文章
4