帮我用HTML5写一个医院挂号页面的代码
时间: 2023-08-28 16:10:28 浏览: 206
好的,以下是一个简单的医院挂号页面的HTML5代码示例:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>医院挂号</title>
</head>
<body>
<h1>医院挂号系统</h1>
<form action="#" method="post">
<label for="name">姓名:</label>
<input type="text" id="name" name="name" required><br>
<label for="age">年龄:</label>
<input type="number" id="age" name="age" required><br>
<label for="gender">性别:</label>
<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>
<label for="department">科室:</label>
<select id="department" name="department" required>
<option value="">请选择科室</option>
<option value="cardiology">心血管科</option>
<option value="neurology">神经科</option>
<option value="dermatology">皮肤科</option>
<option value="ophthalmology">眼科</option>
<option value="dentistry">口腔科</option>
</select><br>
<label for="date">挂号日期:</label>
<input type="date" id="date" name="date" required><br>
<label for="time">挂号时间:</label>
<input type="time" id="time" name="time" required><br>
<input type="submit" value="提交">
</form>
</body>
</html>
```
此代码创建一个简单的表单,其中包含用于输入姓名、年龄、性别、科室、挂号日期和时间的字段。每个字段都带有必填属性,以确保用户提供所有必要的信息。当用户单击提交按钮时,表单将提交到指定的URL中(在此示例中为#)。
阅读全文