<!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 & 三年二班周杰伦的更多相关文章

  1. HTML5网页音乐播放器

    1功能介绍 HTML5中推出了音视频标签,可以让我们不借助其他插件就可以直接播放音视频.下面我们就利用H5的audio标签及其相关属性和方法来制作一个简单的音乐播放器.主要包括以下几个功能: 1.播放 ...

  2. HTML5 播放器

    之前一个前端群里 大牛 做了一个自适应的HMLT5播放器 最近根据其思路做了一个相对单一移动端的demo,demo用的图片和歌曲json的数据设计 都是群里大牛做的,在这谢谢~: 同时借鉴的几篇文章: ...

  3. 使用HTML5开发Kinect体感游戏

    一.简介 我们要做的是怎样一款游戏? 在前不久成都TGC2016展会上,我们开发了一款<火影忍者手游>的体感游戏,主要模拟手游章节<九尾袭来 >,用户化身四代,与九尾进行对决, ...

  4. 读书笔记:《HTML5开发手册》--HTML5新的结构元素

    读书笔记:<HTML5开发手册> (HTML5 Developer's CookBook) 虽然从事前端开发已有很长一段时间,对HTML5标签也有使用,但在语义化上面理解还不够清晰.之前在 ...

  5. HTML5 Boilerplate - 让页面有个好的开始

    最近看到了HTML5 Boilerplate模版,系统的学习与了解了一下.在各种CSS库.JS框架层出不穷的今天,能看到这么好的HTML模版,感觉甚爽.写篇博客,推荐给大家使用.   一:HTML5 ...

  6. 戏说HTML5

    如果有非技术人员问你,HTML5是什么,你会怎么回答? 新的HTML规范... 给浏览器提供了牛逼能力,干以前不能干的事...(确切地说应该是给浏览器规定了许多新的接口标准,要求浏览器实现牛逼的功能. ...

  7. nw.js桌面软件开发系列 第0.1节 HTML5和桌面软件开发的碰撞

    第0.1节 HTML5和桌面软件开发的碰撞 当我们谈论桌面软件开发技术的时候,你会想到什么?如果不对技术本身进行更为深入的探讨,在我的世界里,有这么多技术概念可以被罗列出来(请原谅我本质上是一个Win ...

  8. Web大前端时代之:HTML5+CSS3入门系列

    准备来一波新技术,待续.... Old: 联系源码:https://github.com/dunitian/LoTHTML5 文档下载:https://github.com/dunitian/LoTD ...

  9. 07. Web大前端时代之:HTML5+CSS3入门系列~H5 地理位置

    Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 源码:https://github.com/duniti ...

随机推荐

  1. 深入理解JavaScript——闭包

    跟很多新手一样我也是初入前端,对闭包的理解花费的时间和精力相当的多.效果也还行,今天我就来根据自己的理解细致的讲一讲闭包,由于是初入学习的时候不免有一些弯路和困惑,我想信这也是很多跟我一样的人会同样遇 ...

  2. .NET框架解决的问题

    面向对象开发环境 自动垃圾收集 互操作性 不需要COM 简化部署 类型安全 基类库

  3. ViEmu 3.6.0 过期 解除30天限制的方法

    下载:链接: http://pan.baidu.com/s/1c2HUuWw 密码: sak8 删除下面2个地方 HKEY_CLASSES_ROOT\Wow6432Node\CLSID\{B9CDA4 ...

  4. android权限

    一.WebView 访问internet 的权限: 1.在layout中增加一个WebView 控件: <WebView android:layout_width="match_par ...

  5. Contents

    Contents 占位 ---------------------------------- Python3中的字符串函数学习总结

  6. 偷天换日:网络劫持,网页js被伪装替换。

    偷天换日 3月12号石家庄一个客户(后面简称乙方)有几家门店,平台收银(web)有一些功能无法正常使用,平台有上千家门店在使用,到目前为止别的省份都没有此问题.远程协助发现,js日期控件无法正常调用, ...

  7. Android 的进程和线程

    进程和线程 如果某个应用程序组件是第一次被启动,且这时应用程序也没有其他组件在运行,则android系统会为应用程序创建一个包含单个线程的linux进程.默认情况下,同一个应用程序的所有组件都运行在同 ...

  8. Delphi_03_Delphi_Object_Pascal_基本语法_01

    这次是一个基本语法的第一部分,包括变量.变量初始化.常量.运算符.字符串等内容. { 本程序演示 Delphi Pascal 的基本语法 1.变量及变量的初始化 2.常量 3.运算符 3. 4. } ...

  9. 记录一次bug解决过程:可维护性和性能优化

    一.总结 使用某些变量的地方在2次以上的,强烈建议使用枚举值来维护变量,日后方便扩展. 查数据库的方法调用,能合并就净量去合并. 二.Bug描述 枚举变量的维护以及方法使用: public class ...

  10. 1.JAVA基础复习——计算机基础与环境变量配置

    软件开发的了解 软件开发: 软件:一系列按照特定组织的计算机数据和指令的集合. 开发:制作软件. 程序:一系列有序指令的集合. 人机交互 人机交互的方式有两种:图形化界面和命令行方式. 图形化界面:简 ...