欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

通過(guò)js修改input、select默認(rèn)字體顏色

 更新時(shí)間：2017年04月19日 22:29:46   投稿：mdxy-dxy  
這篇文章主要介紹了通過(guò)js修改input、select默認(rèn)字體顏色,需要的朋友可以參考下

textarea默認(rèn)字顏色以及獲取焦點(diǎn)后的字的顏色，焦點(diǎn)獲取后使默認(rèn)消失

<textarea cols="50" rows="5" id="textarea" onfocus="if(value=='獲取到元素焦點(diǎn)'){value='';document.getElementById('textarea').style.color='#000'}" onblur="if (value ==''){value='元素焦點(diǎn)消失';document.getElementById('textarea').style.color='#999'}">輸入您要輸入的內(nèi)容</textarea>

select默認(rèn)選中項(xiàng)顏色為灰色，選擇后變?yōu)楹谏╦s實(shí)現(xiàn)）

<script>
var unSelected = "#999";
var selected = "#333";
$(function () {
$("select").css("color", unSelected);
$("option").css("color", selected);
$("select").change(function () {
var selItem = $(this).val();
if (selItem == $(this).find('option:first').val()) {
$(this).css("color", unSelected);
} else {
$(this).css("color", selected);
}
});
})

</script>

input有默認(rèn)值，且為灰色，點(diǎn)擊后默認(rèn)值消失，輸入值變?yōu)楹谏?/p> 

<script type="text/javascript">

$(function() {
  //集體調(diào)用類型為text的input
  $(".form input[text]").each(function(){
    $(this).setDefauleValue();
  });
  //單個(gè)調(diào)用
  $("#key").setDefauleValue();
})
 
//設(shè)置默認(rèn)值
$.fn.setDefauleValue = function() {
  var defauleValue = $(this).val();
  $(this).val(defauleValue).css("color","#eee");
 
  return this.each(function() {   
    $(this).focus(function() {
      if ($(this).val() == defauleValue) {
        $(this).val("").css("color","#000");//輸入值的顏色
      }
    }).blur(function() {
      if ($(this).val() == "") {
        $(this).val(defauleValue).css("color","#999");//默認(rèn)值的顏色
      }
    });
  });
}
</script>
</head>
 
<body>
<form class="form">
 <input type="text" size="30" value="輸入賬戶">
 <br>
 <input type="text" size="30" value="輸入密碼">
</form>
<br>
<br>
<br>
<input type="text" size="30" id="key" value="輸入手機(jī)號(hào)">

相關(guān)文章

最新評(píng)論