HTML5 & 三年二班周杰伦
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表单元素 </title>
</head>
<body>
<form method="post" action="www.baidu.com"> <p><label for="user">用户名：<inputid="user" name="user"></label></p>
<input name="user" type="text" >
<fieldset>
<legend>注册表单</legend>
</fieldset>
<!--
作者：327569753@qq.com
时间：2017-01-02
描述：<legend>元素给分组加上一个标题。
-->
<br />
<button type="submit">提交</button>
<button type="reset">重置</button>
<button type="button">按钮</button>
<!--
作者：327569753@qq.com
时间：2017-01-02
描述:button有三种不一样的属性
--><br />
密码：<input type="password" />
<br />
搜索框：<input type="search" />
<br /> 数值框：<input type="number" />
<br />
<!--
作者：327569753@qq.com
时间：2017-01-02
描述：复选框是一个文字对应一个选择
-->
苹果<input type="checkbox" />
香蕉<input type="checkbox" />
芒果<input type="checkbox" />
葡萄<input type="checkbox" /> <!--
作者：327569753@qq.com
时间：2017-01-02
描述：单选框的时候radio需要设置一个name，且选择内容只能是name一样
-->
<br />
<label>请选择的你的性别：</label>
<input type="radio" name="sex" value="男"/>男
<input type="radio" name="sex" value="女" />女
<br />
<!--
作者：327569753@qq.com
时间：2017-01-02
描述：实现文本框可以获取日期和时间的值，但支持的浏览器不完整。
我们测试 Chrome 和 Opera 支持，其他浏览器尚未支持。
所以，在获取日期和时间，目前还是推荐使用 jQuery 等前端库来实现日历功能。
额外属性和 number 一致。
-->
<input type="number" step="2" min="10" max="100">
<input type="date">
<input type="month">
<input type="time">
<input type="week">
<input type="datetime">
<input type="datetime-local">
<br />
<!--
作者：327569753@qq.com
时间：2017-01-02
描述：下来菜单的
--> <br /> <input list="footlist">
<datalist id="footlist">
<option value="苹果">苹果</option> <option value="桔子">桔子</option> <option value="香蕉" label="香蕉"> <option value="梨子">
</datalist>
<br /><br /><br /><br /><br />
<!--
作者：327569753@qq.com
时间：2017-01-02
描述： datelist和selected是两个不一样的下拉效果
--> <select name="select" id="footlist" >
<option>篮球</option>
<option>排球</option>
<option>乒乓球</option>
<option>橄榄球</option>
</select> </form>
</body>
</html>
地点：图书馆三楼 音乐&代码
给樱花推荐了周杰伦的《三年二班》
这是我分别和樱花喜欢的这首歌歌词（左图是我的，右图是她的）
打从我还是小男孩第一次对音乐开始敏感起，持续到现在，我都有在听周杰伦的歌。
OMG，十几年了！！！SO crazy！
上了十几年的学， 我背的古诗绝对没有周杰伦的歌词多。不吹牛的讲，周杰伦的所有歌我都可以简单来几句，唱得好不好听是另一码事了。
一次很偶然的机会，在电视机上听到《双截棍》的“快使用双截棍，哼哼哈兮”，那一刻我就深深被吸引住了。
每个男生小时候都会有一个武侠梦，我也不例外，这后来也就成为了找机会学习双截棍的原因。
还记得那时候的周杰伦是一个喜欢穿着黑色背心，头戴鸭舌帽的，长卷发的羞涩男生，现在的他已经是当爹的人了。
我和我弟弟都是的周杰伦的歌迷，父亲是个对周杰伦的很反感的人，他就不无法接受“乱七八糟”亦或是“咬字不清”“装腔作调”的音乐。其实我想告诉他说那叫R&B（蓝色布鲁斯）。
每次到父亲差不多回家的那个时间点，我兄弟俩都会在客厅，一边用音箱播周杰伦的歌，一边在窗户把风（看他回来没有，一回来就关闭歌曲播放）
Yeah ， Two little(不是litter) funny boys.
哎，是两个有点惭愧的歌迷，怎么说呢？
如果家里那个泛黄的抽屉还在的话，拉开，应该有6，7张周杰伦的盗版CD静躺在里面，和蟑螂共处一室。
所以更别说欠周杰伦一张演唱会门票之类的话了。
前段时间我突发奇想，多年以后我成为一个老头子，我会不会排斥年轻人的音乐品味？流行音乐会发展什么样的模样，我也不清楚。
但是我希望我可以更年轻人一起享受同一个音乐，不像上一辈人一样至今都无法接受现在的流行音乐（特别是R&B ，rap）。
总之，
人老心不老了，
老了也要做一个fashion的糟老头吧。
HTML5 & 三年二班周杰伦的更多相关文章
- HTML5网页音乐播放器
1功能介绍 HTML5中推出了音视频标签,可以让我们不借助其他插件就可以直接播放音视频.下面我们就利用H5的audio标签及其相关属性和方法来制作一个简单的音乐播放器.主要包括以下几个功能: 1.播放 ...
- HTML5 播放器
之前一个前端群里 大牛 做了一个自适应的HMLT5播放器 最近根据其思路做了一个相对单一移动端的demo,demo用的图片和歌曲json的数据设计 都是群里大牛做的,在这谢谢~: 同时借鉴的几篇文章: ...
- 使用HTML5开发Kinect体感游戏
一.简介 我们要做的是怎样一款游戏? 在前不久成都TGC2016展会上,我们开发了一款<火影忍者手游>的体感游戏,主要模拟手游章节<九尾袭来 >,用户化身四代,与九尾进行对决, ...
- 读书笔记：《HTML5开发手册》--HTML5新的结构元素
读书笔记:<HTML5开发手册> (HTML5 Developer's CookBook) 虽然从事前端开发已有很长一段时间,对HTML5标签也有使用,但在语义化上面理解还不够清晰.之前在 ...
- HTML5 Boilerplate - 让页面有个好的开始
最近看到了HTML5 Boilerplate模版,系统的学习与了解了一下.在各种CSS库.JS框架层出不穷的今天,能看到这么好的HTML模版,感觉甚爽.写篇博客,推荐给大家使用. 一:HTML5 ...
- 戏说HTML5
如果有非技术人员问你,HTML5是什么,你会怎么回答? 新的HTML规范... 给浏览器提供了牛逼能力,干以前不能干的事...(确切地说应该是给浏览器规定了许多新的接口标准,要求浏览器实现牛逼的功能. ...
- nw.js桌面软件开发系列 第0.1节 HTML5和桌面软件开发的碰撞
第0.1节 HTML5和桌面软件开发的碰撞 当我们谈论桌面软件开发技术的时候,你会想到什么?如果不对技术本身进行更为深入的探讨,在我的世界里,有这么多技术概念可以被罗列出来(请原谅我本质上是一个Win ...
- Web大前端时代之：HTML5+CSS3入门系列
准备来一波新技术,待续.... Old: 联系源码:https://github.com/dunitian/LoTHTML5 文档下载:https://github.com/dunitian/LoTD ...
- 07. Web大前端时代之：HTML5+CSS3入门系列~H5 地理位置
Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 源码:https://github.com/duniti ...
随机推荐
- svn迁移gitlab，构建前端打包发布流程
前端资源迁移 目前公司的前端资源托管在svn服务器上,由于团队的逐渐扩大,svn的分支管控越来越不灵活,而且对于以后前端流程一体化的处理支持不是很好,因此决定在版本控制上转向git.git的好 ...
- SQL Tuning 基础概述04 - Oracle 表的类型及介绍
Tables A table describes an entity such as employees. You define a table with a table name, such as ...
- Vertica 业务用户指定资源池加载数据
之前在"Vertica 安装,建库,新建测试用户并授予权限,建表,入库"这篇文章也简单介绍过入库部分的内容. 但之前测试用例若用于生产环境有明显的局限性: 1.是用dbadmin管 ...
- ORA-01034:ORACLE not available问题的解决方法
同时在自己电脑上装了oracle客户端和服务器,上次还能用呢,这次突然用不了. [oracle@R39i oracle]$ sqlplus scott/tiger SQL*Plus: Release ...
- 使用PowerShell 监控运行时间和连接情况
概念 Powershell 是运行在windows机器上实现系统和应用程序管理自动化的命令行脚本环境.你可以把它看成是命令行提示符cmd.exe的扩充,不对,应当是颠覆. powershell需要.N ...
- ASP.NET MVC 利用IRouteHandler, IHttpHandler实现图片防盗链
你曾经注意过在你服务器请求日志中多了很多对图片资源的请求吗?这可能是有人在他们的网站中盗链了你的图片所致,这会占用你的服务器带宽.下面这种方法可以告诉你如何在ASP.NET MVC中实现一个自定义Ro ...
- 设计模式03备忘录(java)
先贴代码有空来写内容. 备忘录1 //简单的备忘录,只可以记录上一次修改前的状态,实现撤回一次的操作. class Student{ private String name; private Stri ...
- CSS3 Flexbox轻松实现元素的水平居中和垂直居中
CSS3 Flexbox轻松实现元素的水平居中和垂直居中 网上有很多关于Flex的教程,对于Flex的叫法也不一,有的叫Flexbox,有的叫Flex,其实这两种叫法都没有错,只是Flexbox旧一点 ...
- 初识html5的localStorage本地存储
一.概述 HTML5 提供了两种在客户端存储数据的新方法: localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储 之前,这些都是 ...
- 【IOS开发笔记03-视图相关】简单计算器的实现
UIView 经过前几天的快速学习,我们初步了解的IOS开发的一些知识,中间因为拉的太急,忽略了很多基础知识点,这些知识点单独拿出来学习太过枯燥,我们在今后的项目中再逐步补齐,今天我们来学习APP视图 ...