表单(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>
相关推荐
敲代码的嘎仔9 小时前
实习日志day6--实习日志day6--title命名规范化&businessType纠正&补充缺失的@Log注解&报警与通信模块补充&产出阶段总结文档
java·开发语言·人工智能·git·python·实习·大二
UndefeatedJie9 小时前
全栈项目架构三支柱:模块化 × RESTful × 语义化HTML,附AI辅助开发心法
html
编程(变成)小辣鸡9 小时前
Spring事务失效场景
java·后端·spring
陆枫Larry9 小时前
小程序包体积优化:用 SVG 图片替换 iconfont,并保留 CSS 控色能力
前端
凌奕10 小时前
Claude Code 上线了"一键发网页"功能:报告做完直接甩链接,部署这一步彻底消失
html·claude
极客先躯10 小时前
高级java每日一道面试题-2026年03月30日-实战篇[Docker]-如何监控容器的网络流量?
java·运维·docker·容器·prometheus·高级面试
tachibana210 小时前
hot100 翻转二叉树(226)
java·数据结构·算法·leetcode
brave_zhao10 小时前
nginx的进程架构
java·学习·nginx
兰令水10 小时前
leecodecode【面试150】【2026.7.9打卡-java版本】
java·数据结构·leetcode·面试·职场和发展
禾高网络10 小时前
互联网医院|AI 互联网医院成品开发系统
java·大数据·人工智能·小程序