表单综合案例-学生档案

最新推荐文章于 2021-06-09 11:34:51 发布

frm_123

最新推荐文章于 2021-06-09 11:34:51 发布

阅读量402

点赞数

分类专栏： HTML 文章标签： HTML 样例

本文链接：https://blog.csdn.net/wfrm_123/article/details/97303025

版权

HTML 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

前面几个博客讲了html很多的东西。现在实际应用下，写个综合案例（学生档案）。相比于其他网站来说，做的还是比较low的。
代码如下：
注释里面有些解释：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<form aciton="">   <!-- <label>标签使得点击姓名、手机、邮箱等文字就可以进入输入框 -->
	<fieldset>
	<legend>学生档案</legend>
	<label>姓名：<input type="text" placeholder="请输入名字"> </label> <br>
	<label>手机:<input type="tel" > </label><br>
	<label>邮箱：<input type="email" > </label><br>
   <label> 所属学院：   <input type="text" name="" placeholder="请选择学院" list="xueyuan"></label>
    <datalist id="xueyuan">                <!--  光写<datalist>不行 还需要上面的input -->
    <option>计算机</option>    <!-- input和datalist还要建立连接 -->
     <option>软件</option>
      <option>网络</option>
    </datalist>   
    <br>
    出生日期：<input type="date" name=""> <br>
    成绩：  <input type="number" name="">
    <input type="submit" name="">  <input type="reset" name="">
	</fieldset>
	</form>
</body>    
</html>

frm_123

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
表单综合案例-学生档案

前面几个博客讲了html很多的东西。现在实际应用下，写个综合案例（学生档案）。相比于其他网站来说，做的还是比较low的。代码如下：注释里面有些解释：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title&gt...
复制链接

扫一扫