表单(HTML)

复制代码
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>个人信息</title>
	</head>
	<body>
		<h1>个人信息</h1>
		<form>
			<fieldset>
				<legend>基本信息</legend>
				<label for="name">姓&emsp13;名:</label>
				<input type="text" id="name" name="name" required>
				<br><br>
				<label for="gender">性&emsp13;别:</label>
				<input type ="radio" id="gender" name="gender" valude="male" required>
				<label for="gender">男</label>
				<input type ="radio" id="gender" name="gender" valude="female" required>
				<label for="gender">女</label>
				<br /><br />
				<label for="dob">出生日期:</label>
				<input type="date" id="dob" name="dob" required >
				<br /><br />
				<label for="email">邮&emsp;&nbsp;&nbsp;&nbsp;&nbsp;箱:</label>
				<input type="email" id="email" name="email" required>
				<br /><br />
				<label for="phone">电话号码:</label>
				<input type="tel" id="phone" name="phone" requuired>
				<br /><br />
			</fieldset>
			<fieldset>
				<legend>教育背景</legend>
				<label for="school">学校</label>
				<input type="text" id="school" name="school"required>
				<br /><br />
				<label for="degree">学位:</label>
				<select id="degree" name="degree" required>
					<option value="">请选择学位</option>
					<option value="bachelor">学士</option>
					<option value="master">硕士</option>
					<option value="doctorate">博士</option>
				</select>
				<br /><br />
				<label for="major">专业:</label>
				<input type="text" id="major" name="major" required>
				<br /><br />
			</fieldset>
			<fieldset>
				<legend>工作经历</legend>
				<label for="company">公司</label>
				<input  type="text" id="company" name="company" required>
				<br><br />
				<label for="position">职位:</label>
				<input type="text" id="position" name="position" required>
				<br /><br />
				<label for="start_date">开始日期:</label>
				<input type="date" id="start_date" name="start_date" required>
				<br /><br />
				<label for="end">结束日期:</label>
				<input type="date" id="end" name="end" required>
			</fieldset>
			    <input type="submit" value="提交" style="background-color: red;width: 150px;height: 40px;">
		</form>
	</body>
</html>
相关推荐
dadaobusi3 小时前
学习:RV lkvm SBI
java·学习·spring
HEJOO95 小时前
深入理解 Java volatile 关键字:原理、用法与常见误区
java·开发语言·spring
曹牧5 小时前
Java:no content to map due to end of input
java·开发语言
子非鱼a5 小时前
【WEB】multiSQL
前端
阿维的博客日记5 小时前
Example 类全场景实战指南
java·mybatis
两点王爷5 小时前
SpringBoot 项目集成 GeoServer 源码,实现地图服务发布
java·spring boot·后端
Javatutouhouduan6 小时前
Java如何速通性能优化难题?
java·java面试·jvm调优·后端开发·java程序员·java八股文·java性能优化
lemon_sjdk6 小时前
DOM 节点
java·前端·javascript
nvd116 小时前
深入现代 Web 鉴权架构:网关统一代理 (Forward-Auth) vs 前端持有 JWT 的终极选型与边缘同域实践
前端·架构·状态模式
leoZ2316 小时前
2026-09-09-springboot-cloud-deploy-pitfalls
java·前端·javascript·vue.js·人工智能·spring boot·后端