`

input标签默认有值,输入数值变色,不输入点击其他的地方,显示原值

阅读更多

 

 <input type="text" value="输入收款人的姓名" name="skhm" />

 

这些事写在 js 文件中的 需要进入js文件

function inputEvent() {
     //点击触发事件
    $("input[name= skhm ]").click(function(){ 
     if(this.value =="输入收款人的姓名"){    
      this.value="";
     }
     $(this).css({color:"#607483"});
 });
     //光标移除事件
   $("input[name=skhm]").blur(function(){
    var dishm=$(this).val();
    if(dishm==""){ 
     $(this).val("输入收款人的姓名");
     $(this).css({color:"#E4E4E4"});
    }    
   });

 

 

   }

分享到:
评论

相关推荐

    input限制输入数值金额数值小数点符号

    3. **JavaScript事件处理**:通过监听`input`或`change`事件,我们可以用JavaScript来实时检查输入值是否符合预期的格式,并进行必要的提示或处理: ```javascript const input = document.querySelector('input...

    input输入款点击小眼睛显示或隐藏密码

    `type="password"`属性确保在浏览器中默认显示为星号或圆点,隐藏实际输入的字符。 ```html &lt;input type="password" id="passwordInput" placeholder="请输入密码"&gt; ``` 接下来,我们创建一个小眼睛图标,作为显示...

    EditText默认提示颜色和输入变色

    在Android开发中,`EditText` ...以上就是关于`EditText`默认提示颜色和输入变色的详细解释,以及如何限制`EditText`输入长度的方法。这些技巧在日常的Android应用开发中非常实用,能帮助开发者实现更丰富的交互效果。

    js点击连续添加input输入框并且判断值

    在JavaScript编程中,"js点击连续添加input输入框并且判断值"这个功能是常见的动态表单构建场景。这种技术常用于需要用户输入不确定数量信息的情况,例如购物网站的商品添加、在线问卷调查等。下面我们将详细讲解...

    js在编辑框input下根据输入内容显示匹配内容的下拉列表

    实现一个在编辑框input下根据输入内容显示匹配内容的下拉列表。 实现思路很简单: 将匹配的内容放在一个div中,input输入时把匹配内容的div显示在input下面。 在做的过程中遇到一个棘手的问题: input的onblur中隐藏...

    input框只能输入数字和一个小数点

    标题“input框只能输入数字和一个小数点”以及描述“input框只能输入数字和一个小数点,对界面验证很好用”,都指向了如何在HTML表单中限制input元素只接受数值型输入,包括整数和浮点数,且浮点数只允许有一个...

    针对IE浏览器9导致input输入款placeholder不显示问题

    针对IE浏览器9导致input输入款placeholder="请输入您想输入的内容"不显示问题

    input多标签插件 按回车生成新的标签

    在IT领域,尤其是在前端开发中,"input多标签插件 按回车生成新的标签"是一个常见的功能需求。这个功能通常应用于用户需要输入多个标签,例如在社交媒体、博客平台或者内容管理系统中,用户可以使用此功能快速创建或...

    正则表达式解决input框固定输入值得格式(金额,特殊字符)

    在写输入用到input的时候,经常出现以下几种情况: 只能输入某。栗子:只能输入数字,只能输入字母(大写,小写)只能输入某固定格式。栗子:只能输入金额,只能输入小数且最多保留2位不能输入某。栗子:不能输入...

    火狐input只能输入数字

    这样做不仅在火狐浏览器中能限制用户输入非数字字符,还会显示一个带有上下箭头的数字调整器,用户可以通过点击这些箭头来增加或减少数字。然而,这种方法并不完美,因为它允许小数点(.)和负号(-)的输入,这可能...

    js获取input标签的输入值实现代码

    这些标签内部可能封装了`input`标签或者其他复杂逻辑,因此在实际获取其值时,可能需要查阅对应框架的文档以了解正确的方法。 总结一下,通过JavaScript获取`input`标签的输入值,主要步骤包括: 1. 选择元素:使用...

    Date input默认显示第几天日期

    例如,如果我们想让日期输入默认显示今天,我们可以这样做: ```javascript var today = new Date(); var defaultDate = today.getFullYear() + '-' + (today.getMonth() + 1) + '-' + today.getDate(); $("#date...

    js实现input输入框输入信息后出现下拉选择框

    js实现input输入框输入信息后出现下拉选择框,下拉框的数据源可以使根据输入的值从数据库中动态获取

    html文本框input表单输入框默认提示信息插件,获得焦点自动清空默认值,失去焦点对比确认默认值

    当input失去焦点时 会判断输入值与默认值是否一致 如果一致(或空)则再次显示默认提示信息 若不一致(已输入信息)则input值为所输入值 3 此插件是jquery插件 调用方式为 $ &quot;#xxx&quot; autoTip ; 并可以指定...

    input文本框里面显示小图片

    但是,原生的`&lt;input&gt;`标签并不支持直接在其中嵌入图像。为了在`input`文本框内显示小图片,我们需要采用一些变通的方法。 1. **CSS背景图像**: 你可以通过设置`input`元素的CSS背景属性来实现这个效果。例如,...

    Bootstrap4数值输入插件

    Bootstrap4数值输入插件是基于流行的前端框架Bootstrap 4开发的一款实用工具,它极大地简化了在Web表单中创建数值输入 spinner 的过程。Spinner是一种允许用户通过点击或使用箭头键来增加或减少数值的控件,常用于...

    flex解决textarea,input不能输入中文的方法

    ### flex解决textarea,input不能输入中文的方法 在使用Flex进行Web应用开发时,有时会遇到一个让人头疼的问题:在非主应用程序环境下(例如嵌入到HTML页面中的SWF文件),textarea和input控件无法正常输入中文字符...

    将name值一样的input值拼接起来

    每个`&lt;input&gt;`元素都有一个`name`属性,它定义了该输入元素的标识。如果多个`&lt;input&gt;`元素具有相同的`name`值,那么在提交表单时,浏览器会将这些值以数组的形式发送到服务器。 当需要将这些同名的输入值拼接成一个...

    CS取前台INPUT值

    "CS取前台INPUT值"这个主题涉及到如何从Web页面的前端获取用户输入的数据,并在C#后台处理这些数据。这在办公自动化(OA)系统和其他需要用户交互的应用程序中是非常常见的需求。 首先,我们需要理解Web页面的基本...

    jquery tag插件input文本域输入文字创建标签文字效果

    在IT行业中,jQuery Tag插件是一种常见的前端交互组件,它允许用户在input文本域中输入文字,然后将这些文字转化为可交互的标签形式,提供了一种直观、动态的数据输入方式,尤其适用于创建元数据或者分类标签。...

Global site tag (gtag.js) - Google Analytics