表单(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>
相关推荐
bingbingyihao4 分钟前
多数据源 Demo
java·springboot
在努力的前端小白5 小时前
Spring Boot 敏感词过滤组件实现:基于DFA算法的高效敏感词检测与替换
java·数据库·spring boot·文本处理·敏感词过滤·dfa算法·组件开发
专注API从业者6 小时前
Python + 淘宝 API 开发:自动化采集商品数据的完整流程
大数据·运维·前端·数据挖掘·自动化
烛阴7 小时前
TypeScript高手密技:解密类型断言、非空断言与 `const` 断言
前端·javascript·typescript
一叶飘零_sweeeet7 小时前
从繁琐到优雅:Java Lambda 表达式全解析与实战指南
java·lambda·java8
艾伦~耶格尔8 小时前
【集合框架LinkedList底层添加元素机制】
java·开发语言·学习·面试
样子20188 小时前
Uniapp 之renderjs解决swiper+多个video卡顿问题
前端·javascript·css·uni-app·html
Nicholas688 小时前
flutterAppBar之SystemUiOverlayStyle源码解析(一)
前端
一只叫煤球的猫8 小时前
🕰 一个案例带你彻底搞懂延迟双删
java·后端·面试
最初的↘那颗心8 小时前
Flink Stream API 源码走读 - print()
java·大数据·hadoop·flink·实时计算