Input输入字体颜色改变js(兼容IE)

从网上找的代码,自己封装了一下(前提:引用jQuery库)

HTML:

1 <div class="box">
2     <div  class="ipt1" ><input type="text" id="user" value="name" ></div>
3     <div  class="ipt2" ><input type="text" id="tel" value="phone"></div>
4     <input type="submit" class="submit" value="确   认">
5 </div>

javascript:

 1 function InputStyleChange(id,p,c1,c2){
 2 //函数
 3             var placeholder = p;
 4             var inputname = id;
 5             inputname.onfocus = function(){
 6                 if ( this.value == placeholder ) {
 7                     this.value = ‘‘;
 8                     this.style.color = c1;
 9                 }
10             };
11             inputname.onblur = function(){
12                 if (!this.value) {
13                     this.value = placeholder;
14                     this.style.color = c2;
15                 }
16             };
17
18             if (inputname.value == placeholder) {
19                 inputname.style.color = c2;
20             }
21         }
22
23 $(function){
24 InputStyleChange($(‘#tel‘)[0],‘phone‘,‘#323232‘,‘#b4b4b4‘);
25 //调用函数
26 //修改默认显示文字需要与Html表单默认文字对应
27 })
时间: 2024-11-05 20:45:03

Input输入字体颜色改变js(兼容IE)的相关文章

点击单元格清除默认值并且能够设置输入字体颜色

点击单元格清除默认值并且能够设置输入字体颜色: 在很多情况下,文本框内有默认文字,一般都是提示类的文字,当点击文本框的时候能够清除写文字,下面就简单介绍一下如何实现此效果.代码如下: <!DOCTYPE HTML> <html> <head> <meta charset=" utf-8"> <title>javascript便利表格</title> <script type="text/javasc

echarts x轴或y轴文本字体颜色改变

1:x轴文本字体颜色改变 xAxis : [ { type : 'category', data : ['<30','30-','40-','50-','60-','>=70'], axisLabel: { show: true, textStyle: { color: '#fff' } } } ] 2:y轴文本字体颜色改变 yAxis : [ { type : 'value', name : '%', axisLabel : { formatter: '{value}', textStyle

动态添加的RadioButoon实现字体颜色改变

我们都知道xml文件里写入的RadioButton可以给它的颜色设置一个selector,很轻松实现选中与未选中即点击后字体颜色发生改变,但是代码里动态加入的radioButton应该如何设置呢 今天为大家带来一个Demo有关动态添加的RadioButoon实现字体颜色改变 main_activity.xml:代码里写入两个固定的radioButton <?xml version="1.0" encoding="utf-8"?><LinearLay

android自定义控件实现TextView按下后字体颜色改变

今天跟大家分享一下Android自定义控件入门,先介绍一个简单的效果TextView,按下改变字体颜色,后期慢慢扩展更强大的功能 直接看图片             第一张是按下后截的图,功能很简单,也很容易实现,下面来看一下如何通过重写TextView来实现 一共三个文件  TextViewM.java,MainActivity.java,activity_textview.xml TextViewM.java 1 package landptf.control; 2 3 import and

列表显示数据 但是数据的字体颜色要js添加

1.需求:数据在前台显示,但是每个条记录的颜色要有点不同 1.java后台数据的处理 String ids=""; for(int x=0;x<sign.size();x++){ int id=sign.get(x).getId(); ids+=id+","; } String sids=ids.substring(0,ids.length()-1); req.setAttribute("sids", sids); 2.jsp页面的处理 &

DataGridViewLinkColumn单元格单击后,字体颜色改变

DataGridViewLinkColumn.TrackVisitedState 属性 获取或设置一个值,该值指示当访问链接时,该链接是否更改颜色. 默认为true,即点击链接后,字体的颜色为DataGridViewLinkColumn.VisitedLinkColor所设置的颜色值. 将TrackVisitedState 设置为false,链接字体的颜色为LinkColor属性所设置的颜色值.

input 自动填充颜色改变或透明

设置黄色背景变成白色背景: input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset !important;}   input:-webkit-autofill:focus { box-shadow: 0 0 0px 1000px white inset !important;}   设置透明:input:-internal-autofill-previewed,input:-internal-autofill-selecte

Android RadioGroup的RadioButton 选择改变字体颜色和背景颜色

RadioGroup <RadioGroup android:id="@+id/client_charge_radiogroup" android:layout_width="200dp" android:layout_height="40dp" android:layout_marginLeft="5dp" android:layout_alignParentRight="true" android

RadioGroup 的 RadioButton 选择改变字体颜色和背景颜色

RadioGroup [html] view plaincopy <RadioGroup android:id="@+id/client_charge_radiogroup" android:layout_width="200dp" android:layout_height="40dp" android:layout_marginLeft="5dp" android:layout_alignParentRight=&q