第一阶段HTML5—2019/9/6 综合案例

最新推荐文章于 2022-10-09 14:50:02 发布

Mango学习日记

最新推荐文章于 2022-10-09 14:50:02 发布

阅读量218

点赞数

分类专栏： Web 文章标签： html java

本文链接：https://blog.csdn.net/wangzilong1995/article/details/100587531

版权

Web 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>表单</title>
</head>
<body>
	<form action="">
		<fieldset>
			<legend>学生档案</legend>
			<label for="name">姓名：</label> 
			<input type="text" placeholder="学生姓名" id="name" /> <br/>
			<label>手机：<input type="tel" placeholder="手机号码" /></label><br/>
			<label>邮箱：<input type="email"/><br/>
			<label>所属学院：<input type="radio" name="school">自动化</label>
			<input type="radio" name="school">外国语
			<input type="radio" name="school">文法 <br/>
			<label>所属学院：<input type="text"/ list="school"><br/></label>
			<datalist id="school">
				<option>文法</option>
				<option>自动化</option>
				<option>外国语</option>
			</datalist>
			<label>所属学院：<select > <br/></label>
				<option>外国语</option>
				<option>自动化</option>
				<option>文法</option>
			</select><br/>
			<label>出生年月 <input type="date"/><br /></label>
			<label>成绩：<input type="number"><br/></label>
			<input type="submit"/>
			<input type="reset"/>
		</fieldset>
	</form>
</body>
</html>

在这里插入图片描述

Mango学习日记

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
第一阶段HTML5—2019/9/6 综合案例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单</title></head><body> <form action=""> <fieldset> <lege...
复制链接

扫一扫