<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>个人信息</title>
</head>
<body>
<h1>个人信息</h1>
<form>
<fieldset>
<legend>基本信息</legend>
<label for="name">姓 名:</label>
<input type="text" id="name" name="name" required>
<br><br>
<label for="gender">性 别:</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">邮  箱:</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>
表单(HTML)
Mbigmouse2024-01-01 1:02
相关推荐
Miqiuha几秒前
lock_guard和unique_lock学习总结一 乐1 小时前
学籍管理平台|在线学籍管理平台系统|基于Springboot+VUE的在线学籍管理平台系统设计与实现(源码+数据库+文档)昨天;明天。今天。1 小时前
案例-表白墙简单实现数云界1 小时前
如何在 DAX 中计算多个周期的移动平均线风清扬_jd1 小时前
Chromium 如何定义一个chrome.settingsPrivate接口给前端调用c++安冬的码畜日常1 小时前
【玩转 JS 函数式编程_006】2.2 小试牛刀:用函数式编程(FP)实现事件只触发一次阑梦清川1 小时前
Java继承、final/protected说明、super/this辨析ChinaDragonDreamer1 小时前
Vite:为什么选 Vite小御姐@stella1 小时前
Vue 之组件插槽Slot用法(组件间通信一种方式)GISer_Jing1 小时前
【React】增量传输与渲染