表单提示就是在input输入框予以文字提示,当内容改变时提示文字消失的效果。实现方法有很多种,HTML5的placeholder也能方便的实现,下面简单介绍下
1.placeholder解决方案
百科:placeholder是html5中的表单占位符,支持text,password及textarea等html5中新增的表单元素。
效果:
方法:
1 |
<input id="name" type="text" placeholder="please enter the text" /> |
2.placeholder兼容
既然是html5,那么当然只有高级浏览器可以支持了(所以使用低级浏览器的同学在上一个例子是看不到效果的),不过我们可以借用jquery来帮我们来解决这个兼容问题。 查看全文