0
点赞
收藏
分享

微信扫一扫

Nearth===>WEB前端--第一课/html5新增标签


此次对于前端知识不做过多的讲解,只是简单的做个学习笔记。另外,学习源码乐于分享:

第一课回顾了html的相关知识,好多都忘记了,都怪自己平时没有加强练习

html5在原有基础html基础上增加了不少的新表签,便于应用移动客户端:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Nearth</title>
</head>
<body>
<form action="#" method="post">
<fieldset id="">
<legend>Nearth学员信息</legend>
姓名:<input type="text" name="" id="" value=""accesskey="s"placeholder="张扬"
autofocus=""autocomplete="on"/></br>
电话:<input type="tel" name="" id="" value="" required=""/></br>
邮箱:<input type="email" name="" id="" value="" required=""/></br>
学院:<input type="text" name="" list="xueyuan" value="" placeholder="请选择学院"/></br>
<datalist id="xueyuan">
<option value ="清华">清华</option>
<option value ="北大">北大</option>
<option value ="川大">川大</option>
</datalist>
成绩:<input type="number" max="100"min="0" id="" value="" /></br>
毕业时间:<input type="date" name="" id="" value="" /></br>
颜色深度:<input type="range" name="" id="" value="" /></br>
文件路径:<input type="url" name="" id="" value="" /></br>
毕业月份:<input type="month" name="" id="" value="" /></br>
毕业周:<input type="week" name="" id="" value="" /></br>
文件上传:<input type="file"multiple="" name="" id="" value="" /></br>
搜索框:<input type="search" name="" id="" value="" /></br>
<input type="submit" value="提交"/></br>
<input type="reset" name="" id="" value="重置" /></br>
</fieldset>
</form>
</body>
</html>

自己可复制代码,在编译环境运行可看其案列效果.

小妲己只想和爱学习的主人一起玩·············

 

 

举报

相关推荐

0 条评论