RSS

Tag Archives: input

HTML中input文本输入框增加提示(hint)

面临的问题:

需要对网页上的<input type=”text”>增加提示信息的展示,类似Android中EditText的Hint和iOS中UITextField的place holder。

解决方案:

1. 使用一个相对定位的div,使提示信息显示在输入框中;
2. 使input响应获得焦点与失去焦点的事件,onfocus时提示信息消失,onblur时若value为空,提示信息出现;
3. 使div响应点击事件,onclick时让input获得焦点。

示例代码: 查看全文 »


 
3 Comments

Posted by on 一月 1, 2012 in solutions

 

Tags: , , ,