表单(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>
相关推荐
Devin~Y4 小时前
大厂Java面试实录:Spring Boot/Cloud、Kafka、Redis、K8s 可观测性 + RAG/Agent(小Y翻车版)
java·spring boot·redis·spring cloud·kafka·kubernetes·mybatis
linlinlove24 小时前
前端uniapp、后端thinkphp股票系统开发功能展示、代码披露、HQChart
前端·uni-app·echarts·thinkphp·hqchart·配资·deepseek选股票
林森lsjs4 小时前
【日耕一题】2. 面向对象 Java 基础:构造方法与 toString
java·开发语言
万少4 小时前
Claude Code 任务结束会自己喊你:一个 Stop Hook 搞定提示音
前端·后端·代码规范
学代码的真由酱5 小时前
【自用】测开面试问题-Java
java·面试·职场和发展
过期动态5 小时前
【LeetCode 热题 100】三数之和
java·数据结构·算法·leetcode·职场和发展·排序算法
希望永不加班5 小时前
SpringBoot 服务注册与发现:Nacos/Consul/Eureka
java·spring boot·eureka·consul·java-consul
ZC跨境爬虫5 小时前
跟着 MDN 学CSS day_30:(玩转列表样式,从基础到进阶)
前端·css·html·tensorflow·媒体
仙俊红5 小时前
spring有多个对象时如何注入
java·后端·spring
专注VB编程开发20年5 小时前
B4A (Basic4Android) Process_Globals(应用全局)和 Globals(类中公用变量)
java·开发语言