Web前端基础HTML5学习笔记（4）（初学供查询)

最新推荐文章于 2024-06-02 19:19:20 发布

站起一棵树

最新推荐文章于 2024-06-02 19:19:20 发布

阅读量2.5k

点赞数

分类专栏： html5

本文链接：https://blog.csdn.net/Fightingdddd/article/details/107127990

版权

html5 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

Web前端基础HTML5学习笔记（3）（初学供查询

阿树有点儿话
总结（供查询）

阿树有点儿话

Hi~你好呀

今天上午继续学习了一些基础，看了一些学习视频及资料。下午把所有视频中的自己还不太熟悉的点都顺了一遍，然后把它们记录了下来。

学的时候各种各样的标签什么都眼花缭乱的，顺了一遍感觉好多了，然后有一种恍然大悟的感觉。
看到登录框，搜索框，表格，表单等等
会想：哦~原来是这样做出来的，看整个这个学习视频的过程就感觉看连续剧。
虽然坐了一天有些腰痛，但是很有成就感。

这里是阿树，一直在努力成长中~

总结（供查询）

在这里插入图片描述

学生档案（表单综合案例）sublime运行环境

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
    </head>
    <body>
    <form action="">
    <fieldset>
    	<legend>学生档案</legend>
    	<label>姓  名: <input type="text" placeholder="请输入学生名字"/></label> <br /><br />
    	<label>手机号: <input type="tel" /></label> <br /><br />
    	<label>邮  箱: <input type="email" /></label> <br /><br />
    	<label>所属学院:  <input type="text" placeholder="请选择学院" list="xueyuan"/>
    	<datalist id="xueyuan">
    		<option>java学院</option>
    		<option>前端学院</option>
    		<option>php学院</option>
    		<option>设计学院</option>
    	</datalist>

    	<br /><br />

    	<label>出生日期:   <input type="date" /></label> <br /><br />
    	<label>成  绩:  <input type="number" /></label> <br /><br />
    	<label>毕业时间:  <input type="date" /></label> <br /><br />
    	<input type="submit" />  <input type="reset" />
    </fieldset>
    </form>
    </body>
</html>

在网页中打开结果
在这里插入图片描述

站起一棵树

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Web前端基础HTML5学习笔记（4）（初学供查询)

Web前端基础HTML5学习笔记（3）（初学供查询阿树有点儿话总结（供查询）阿树有点儿话Hi~你好呀今天上午继续学习了一些基础，看了一些学习视频及资料。下午把所有视频中的自己还不太熟悉的点都顺了一遍，然后把它们记录了下来。学的时候各种各样的标签什么都眼花缭乱的，顺了一遍感觉好多了，然后有一种恍然大悟的感觉。看到登录框，搜索框，表格，表单等等会想：哦~原来是这样做出来的，看整个这个学习视频的过程就感觉看连续剧。虽然坐了一天有些腰痛，但是很有成就感。这里是阿树，一直在努力成长中~总结（供查询）
复制链接

扫一扫