input文本框设置移除默认内容(兼容IE低版本)

这里实现的目标是：设置和移除文本框的默认值，鼠标放上去，文字消失

HTML代码如下：

JS实现方式如下：

 <input type="text" class="search" value="请输入关键字进行搜索" id="menu_search" onfocus='if(this.value=="请输入关键字进行搜索"){this.value="";};' onblur='if(this.value==""){this.value="请输入关键字进行搜索";};' />

JQ实现方式：

$(function(){var vdefault = $('#keyword').val();  $('#keyword').focus(function() {  //获得焦点时，如果值为默认值，则设置为空  if ($(this).val() == "请输入搜索关键词") {  $(this).val("");  }  });  $('#keyword').blur(function() {  //失去焦点时，如果值为空，则设置为默认值  if ($(this).val()== "") {  $(this).val("请输入搜索关键词"); ;  }  });  })

推荐第一种：兼容性比较好！

转载于:https://www.cnblogs.com/circleone/p/7140841.html

input文本框设置移除默认内容(兼容IE低版本)相关推荐

input文本框设置和移除默认值
input文本框设置和移除默认值这里想实现的效果是:设置和移除文本框默认值,如下图鼠标放到文本框中的时候,灰字消失. 1.可以用简单的方式,就是给input文本框加上onfocus属性,如下代码: ...
input文本框设置不可编辑方法和HTML5 新的 Input 类型
input文本框设置不可编辑的3种方法: disabled 属性规定应该禁用 input 元素,被禁用的 input 元素,不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收到传值.设置后文字 ...
html文本框设置默认值,HTML input文本框设置和移除默认值
这里想实现的效果是:设置和移除文本框默认值,如下图鼠标放到文本框中的时候,灰字消失. 1.可以用简单的方式,就是给input文本框加上onfocus属性,如下代码: οnfοcus='if(this. ...
css合并两个文本框,css实现input文本框的双边框美化
css实现input文本框的双边框美化 .input_div{width:250px; height:22px; border-style:solid; border-width:1px 0 1px ...
php编辑框禁止输入,如何设置表单的input文本框不可编辑
设置表单input文本框不可编辑的方法:首先创建相应的代码文件:然后通过为表单字段设置为"οnfοcus=this.blur(),readonly.disabled"来实现不可编辑 ...
已解决selenium模块向网页input文本框输入内容失败问题
已解决(selenium向input文本框输入内容失败问题)selenium.common.exceptions.ElementNotInteractableException: Message: e ...
php 修改input内容,JS简单获取并修改input文本框内容的方法示例
这篇文章主要介绍了JS简单获取并修改input文本框内容的方法,结合实例形式分析了JavaScript针对页面元素的获取.赋值等相关操作技巧,需要的朋友可以参考下本文实例讲述了JS简单获取并修改in ...
html input文本框样式,css设置input文本框样式代码实例_html/css_WEB-ITnose
css设置input文本框样式代码实例: 使用css设置input元素的样式是最为常用的操作之一,当然也是最为基础的操作,可能对于刚刚接触css的朋友还不够熟悉,下面就通过一段简单的代码历史演示一下如 ...
泛微OA 子表单中文本框设置默认值不显示的问题
2021年5月18日截止以上日期,子表单可能存在bug,解决方式: 这个不显示默认值的文本框(比如叫默认值文本框),必须设置显示条件: 1.如果没有条件,创造一个:在任意位置添加一个文本框(用户ID ...

input文本框设置移除默认内容(兼容IE低版本)

input文本框设置移除默认内容(兼容IE低版本)相关推荐

最新文章

热门文章