利用HTML实现简单的简历表单

最新推荐文章于 2025-01-04 00:20:18 发布

Chandlerpzzz

最新推荐文章于 2025-01-04 00:20:18 发布

阅读量785

点赞数

文章标签： html 前端 javascript

本文链接：https://blog.youkuaiyun.com/zdkpaa/article/details/128727862

版权

基本上是用了常用的表单中的标签

用了文本框（text），单选框（radio）,下拉框（selece&option) ，复选框(checkbox),文本域（textarea）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>简单的表单界面</title>
	</head>
	<!-- 需求：
		1.实现姓名，年龄的文本框填写 input:text
		2.实现性别的单选框  input:radio name的值要统一
		3.实现籍贯的下拉框
		4.实现对职业需求的复选框
		5.实现对自我介绍的文本域 -->
	<body>
		<form action="#">
			<!-- 1.文本框： -->
			性别：&nbsp;<input type="text" placeholder="请填写您的姓名" name="name">
			<br>
			年龄：&nbsp;<input type="text" placeholder="请填写您的年龄" name="age">
			<br>
			<!-- 2.单选框： -->
			性别：&nbsp;男<input type="radio" name="gender" id="" >女<input type="radio" name="gender" id="">
			<br>
			籍贯：<select name="city" id="",size="2" style="width: 25%;">
				<option value="nanjing">南京市</option>
				<option value="wuxi">无锡市</option>
				<option value="suzhou">苏州市</option>
				<option value="nantong">南通市</option>
				<option value="zhenjiang">镇江市</option>
				<option value="changzhou">常州市</option>
				<option value="yanghzou">扬州市</option>
				<option value="lianyungang">连云港市</option>
				<option value="huaian">淮安市</option>
				<option value="yancheng">盐城市</option>
				<option value="xuzhou">徐州市</option>
				<option value="suqian">宿迁市</option>
				<option value="taizhou">泰州市</option>
			</select>
			（以江苏为例）
			<br>
			职业向往：&nbsp; Java前端工程师<input type="checkbox" name="" id="">
							Java后端工程师<input type="checkbox" name="" id="">
							算法工程师<input type="checkbox" name="" id="">
							<br>
							
				自我介绍：
				<br>
				<textarea name="intrduction" id="" cols="30" rows="5"></textarea>
				<br>
				<input type="submit" id="" name="" value="提交信息" />
		</form>
		
		
	</body>
</html>