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ī)號">
新聞熱點(diǎn)
疑難解答
網(wǎng)友關(guān)注