<!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. C#多线程之基础篇1

    在多线程这一系列文章中,我们将讲述C#语言中多线程的相关知识,在多线程(基础篇)中我们将学习以下知识点: 创建线程 中止线程 线程等待 终止线程 确定线程的状态 线程优先级 前台线程和后台线程 向线程 ...

  2. GIS部分理论知识备忘随笔

    文章版权由作者李晓晖和博客园共有,若转载请于明显处标明出处:http://www.cnblogs.com/naaoveGIS/ 1.高斯克吕格投影带换算 某坐标的经度为112度,其投影的6度带和3度带 ...

  3. 跨域之Ajax

    提到Ajax,一般都会想到XMLHttpRequest对象,通过这个对象向服务器发送请求,可以实现页面无刷新而更新数据. 由于同源策略的限制,一般情况下,只能通过XMLHttpRequest对象向同源 ...

  4. 线上bug的解决方案--带来的全新架构设计

    缘由 本人从事游戏开发很多年一直都是游戏服务器端开发. 因为个人原因吧,一直在小型公司,或者叫创业型团队工作吧.这样的环境下不得不逼迫我需要什么都会,什么做. 但是自我感觉好像什么都不精通..... ...

  5. Quartz.net 开源job调度框架（二）----定点执行

    在上一篇  Quartz.net 开源job调度框架(一) 中讲到了基本的使用以及配置job轮训数据执行 这种做法适用于对数据操作实时性要求不高的场景,在实际场景中还有一种比较常用的场景就是我们需要在 ...

  6. CentOS系统MySQL双机热备配置

    1  概述 在集成项目中需要应对不同环境下的安装配置,主流操作系统大致可以分为三种:Linux.Windows以及UNIX.其中Linux备受青睐的主要原因有两个: 首先,Linux作为自由软件有两个 ...

  7. js正则表达式校验非正整数：^((-\d+)|(0+))$

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  8. 基于CkEditor实现.net在线开发之路（7）列表页面开发动作介绍

    一个列表页面不止是查询,它也包含了很多业务上功能的实现,这些业务功能的实现的逻辑我称之为动作.如触发单击按钮删除数据,更改业务表数据,调用webService,调用WCF接口,弹出新窗体新增.修改.查 ...

  9. 数据结构：堆排序 （python版） 小顶堆实现从大到小排序 | 大顶堆实现从小到大排序

    #!/usr/bin/env python # -*- coding:utf-8 -*- ''' Author: Minion-Xu 小堆序实现从大到小排序,大堆序实现从小到大排序 重点的地方:小堆序 ...

  10. spider RPC过滤器

    spider支持在请求执行前或完成后进行特殊处理,比如安全性检查.敏感字段混淆等等.为此,spider提供了BeforeFilter和AfterFilter.其执行位置如下图所示: 流水线插件配置在s ...