文本框输入内容时,里面的提示信息自动消失 css
2013-05-23 11:00
585 查看
有这么一个功能:
当你输入之前文本框是这么显示的
,
但是当你文本框获得焦点事也是这么显示的,可是当你输入内容时里面的提示信息(“请输入问题”)就没有了,
这个功能的实现是:
<input class="qftcontent" type="text" name="title1" value="请输入问题" onclick="this.value='';this.style.color='#999999'" placeholder="请输入问题"/>
placeholder是HTML5
input的新属性,英文意思是占位符,它一般表示input输入框的默认提示值。
当你输入之前文本框是这么显示的
,
但是当你文本框获得焦点事也是这么显示的,可是当你输入内容时里面的提示信息(“请输入问题”)就没有了,
这个功能的实现是:
<input class="qftcontent" type="text" name="title1" value="请输入问题" onclick="this.value='';this.style.color='#999999'" placeholder="请输入问题"/>
placeholder是HTML5
input的新属性,英文意思是占位符,它一般表示input输入框的默认提示值。
相关文章推荐
- 文本框内默认提示————请输入用户姓名(字体灰色),要求: (1)当文本框获得焦点时,默认提示消失 (2)当文本框失去焦点时,如果没有输入新内容,那么则显示原来的灰色字体内容; 如果有新内容输入则判断,如果长度小于10,则提示“姓名长度应该大于10个字符”
- JS实现文本框获得焦点,文本框里提示信息自动消失
- JavaScript学习笔记3--文本框获得焦点,文本框里提示信息自动消失
- JS实现在文本框输入时自动弹出相关内容提示
- JavaScript学习笔记3--文本框获得焦点,文本框里提示信息自动消失
- JS实现文本框获得焦点,文本框里提示信息自动消失
- 两种方法实现文本框输入内容提示消失
- JavaScript学习笔记3--文本框获得焦点,文本框里提示信息自动消失
- 禁用文本框输入时的自动提示原来已输入过的内容
- 实现文本框获得焦点,文本框里提示信息自动消失
- placeholder属性 点击文本框,输入值默认提示内容消失
- html5中文本框输入内容提示消失
- html5中文本框输入内容提示消失
- 两种方法实现文本框输入内容提示消失
- 文本框输入内容提示消失的两种实现
- delphi 文本框内容空白时加上提示文字,输入内容时提示文字不显示
- ASP.NET输入文本框自动提示功能
- ios中提示信息的实现及自动消失
- 纯CSS 实现tooltip 内容提示信息效果
- 01-验证文本框输入内容的长度-自动截取