文本框获得焦点和失去焦点

今天想介绍一下文本框获得焦点和失去焦点的两种方法：

第一种： html5

html5给表单文本框新增加了几个属性，比如：email,tel,number,time,required,autofocus,placeholder等等，这些属性给表单效果带来了极大的效果变化。

其中placeholder就是其中一个，它可以同时完成文本框获得焦点和失去焦点。必须保证input的value值为空， placeholder的内容就是我们在页面上看到的内容。

代码如下：

<input type="text" value="" placeholder="请输入内容" />

第二种： jQuery

原理：让表单的val值等于其title值。

代码如下：

<input type="text" value="" title="请输入内容" />

1