输入框点击内容清空或显示的js代码
来源:互联网 发布:windows ad域策略 编辑:程序博客网 时间:2024/05/16 04:52
我们常常会遇到输入框提示的需求,比如在输入框内容中提示,当需要输入的时候再清空。下面就介绍两种方法:
1、输入框点击清空
<input name="textfield" type="text" id="textfield" value="请输入内容"onclick="this.value=''" />
2、输入框点击显示提示内容
操作:鼠标点击输入框出现提示内容,再次点击清空内容可以进行输入。
<input type="text" name="textfield2" id="textfield2" onblur="note_click(this);" onclick="note_click(this)" />
<script type="text/javascript">
function note_click(target)
{
if(target.value=='')
{
target.style.color="#B0B0B0";
target.value="请输入数字";
}
else if(target.value=="请输入数字")
{
target.style.color="#000000";
target.value="";
}
}
</script>
下面是这两个的效果图:
0 0
- 输入框点击内容清空或显示的js代码
- 【jQuery】简单的点击删除按钮清空输入框的内容
- Android中控制点击EditText输入框右边清空图标的显示与隐藏.
- Android 清空输入框内容
- html 输入框显示“小叉叉”的清空图标
- js清空file选中的内容
- js 显示输入框输入的内容
- 输入框显示输入提示,点击消失。没输入直接提交,提交的输入框内容为空,不提交显示的提示文字
- FCKeditor输入验证以及清空内容的方法
- 怎样清空输入缓冲区里的内容
- 检测edittext中文字的输入状态,清空内容
- flexbox input 自动清空输入框内容
- 机房重构---清空文本框或组合框内容
- 清空下拉框的内容
- 清空input框的内容
- 监听EditText输入状态,根据是否有输入内容显示ImageButton(清空按钮)
- js怎么清空div里面的内容
- js 清空div 的html 或删除 div
- Java中this关键字的几种用法
- CODE[VS]_1098 均分纸牌问题
- JAVA字符串中所用的方法
- MyBatis 3源码分析
- [VirtualBox] - Install Oracle Linux 7 on Oracle VirtualBox
- 输入框点击内容清空或显示的js代码
- C++中内置变量的初始化
- 2014.10.04 周六-没记录
- in 和 exist 区别
- JAVA 泛型
- 基于注解的SpringMVC简单介绍(推荐)
- 责任链模式
- newInstance()和new()
- 割耳法(几何)