国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

基于jQuery的輸入框無值自動顯示指定數據的實現代碼

2019-11-20 23:58:01
字體:
來源:轉載
供稿:網友
【解決方案】

  1. 準備工作

  (1)輸入框
復制代碼 代碼如下:

<input type="text" name="searchText" title="請輸入搜索關鍵字" />

  (2)CSS代碼
復制代碼 代碼如下:

input.helpText { color: #aaa;}

(3)轉換方法
復制代碼 代碼如下:

function switchText()
{
if ($(this).val() == $(this).attr('title'))
$(this).val('').removeClass('helpText');
else if ($.trim($(this).val()) == '')
$(this).addClass('helpText').val($(this).attr('title'));
}

(4)具體實現
復制代碼 代碼如下:

$('input[type=text][title!=""]').each(function() {
if ($.trim($(this).val()) == '') $(this).val($(this).attr('title'));
if ($(this).val() == $(this).attr('title')) $(this).addClass('helpText');
}).focus(switchText).blur(switchText);

$('form').submit(function() {
$(this).find('input[type=text][title!=""]').each(function() {
if ($(this).val() == $(this).attr('title')) $(this).val('');
});
});

2. 參考文章
http://webservices.blog.gustavus.edu/2008/06/23/text-input-example-text-with-jquery/
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 历史| 探索| 临安市| 无极县| 泾阳县| 宁都县| 泰和县| 明溪县| 泽普县| 蓬安县| 深泽县| 江西省| 耒阳市| 绥阳县| 鸡西市| 都安| 乐至县| 富锦市| 贺州市| 辽中县| 高陵县| 马龙县| 石城县| 屯昌县| 宾阳县| 江城| 琼海市| 长宁区| 新平| 华池县| 银川市| 榆树市| 西盟| 葫芦岛市| 中超| 澄迈县| 南阳市| 延川县| 张家界市| 龙游县| 榆树市|