您好,登錄后才能下訂單哦!
本文小編為大家詳細(xì)介紹“jQuery和HTML怎么對(duì)某個(gè)標(biāo)簽設(shè)置只讀或禁用屬性”,內(nèi)容詳細(xì),步驟清晰,細(xì)節(jié)處理妥當(dāng),希望這篇“jQuery和HTML怎么對(duì)某個(gè)標(biāo)簽設(shè)置只讀或禁用屬性”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學(xué)習(xí)新知識(shí)吧。
$('input').attr("readonly","readonly")//將input元素設(shè)置為readonly $('input').removeAttr("readonly");//去除input元素的readonly屬性 if($('input').attr("readonly")==true)//判斷input元素是否已經(jīng)設(shè)置了readonly屬性
例,對(duì)于為元素設(shè)置readonly屬性和取消readonly屬性的方法
$('input').attr("readonly",true)//將input元素設(shè)置為readonly $('input').attr("readonly",false)//去除input元素的readonly屬性 $('input').attr("readonly","readonly")//將input元素設(shè)置為readonly $('input').attr("readonly","")//去除input元素的readonly屬性
$('input').attr("disabled","disabled")//將input元素設(shè)置為disabled $('input').removeAttr("disabled");//去除input元素的disabled屬性 if($('input').attr("disabled")==true)//判斷input元素是否已經(jīng)設(shè)置了disabled屬性
例,對(duì)于為元素設(shè)置disabled屬性和取消disabled屬性的方法
$('input').attr("disabled",true)//將input元素設(shè)置為disabled $('input').attr("disabled",false)//去除input元素的disabled屬性 $('input').attr("disabled","disabled")//將input元素設(shè)置為disabled $('input').attr("disabled","")//去除input元素的disabled屬性
<input id="id" type="text" /> $("#id").attr({"readonly":"readonly"}); //添加readonly屬性 & $("#ID").attr({ readonly: 'true' }); $("#id").removeAttr("readonly"); //去除readonly屬性 );
注意:
disabled和readonly這兩個(gè)屬性有一些共同之處,比如都設(shè)為true,則form屬性將不能被編輯,往往在寫js代碼的時(shí)候容易混合使用這兩個(gè)屬性,其實(shí)他們之間是有一定區(qū)別的:
如果一個(gè)輸入項(xiàng)的disabled設(shè)為true,則該表單輸入項(xiàng)不能獲取焦點(diǎn),用戶的所有操作(鼠標(biāo)點(diǎn)擊和鍵盤輸入等)對(duì)該輸入項(xiàng)都無效,最重要的一點(diǎn)是當(dāng)提交表單時(shí),這個(gè)表單輸入項(xiàng)將不會(huì)被提交。
而readonly只是針對(duì)文本輸入框這類可以輸入文本的輸入項(xiàng),如果設(shè)為true,用戶只是不能編輯對(duì)應(yīng)的文本,但是仍然可以聚焦焦點(diǎn),并且在提交表單的時(shí)候,該輸入項(xiàng)會(huì)作為form的一項(xiàng)提交。
有時(shí)候,我們希望表單中的文本框是只讀的,讓用戶不能修改其中的信息,如使<input type="text" name="input1" value="中國">的內(nèi)容,中國兩個(gè)字不可以修改。
實(shí)現(xiàn)的方式歸納一下,有如下幾種。
οnfοcus=this.blur()
當(dāng)鼠標(biāo)放不上就離開焦點(diǎn)
<input type="text" name="input1" value="中國" onfocus=this.blur()>
readonly
<input type="text" name="input1" value="中國" readonly> <input type="text" name="input1" value="中國" readonly="true">
disabled
<input type="text" name="input1" value="中國" disabled="true">
完整的例子:
<input name="ly_qq" type="text" tabindex="2" onMouseOver="this.className='input_1'" onMouseOut="this.className='input_2'" value="123456789" disabled="true" readOnly="true" />
disabled="true"
此果文字會(huì)變成灰色,不可編輯,disabled="disabled"這樣定義之后被禁用的 input 元素既不可用,也不可點(diǎn)擊
readOnly="true"
文字不會(huì)變色,也是不可編輯的,readonly="readonly"只讀字段是不能修改的。不過,用戶仍然可以使用 tab 鍵切換到該字段,還可以選中或拷貝其文本
css屏蔽輸入:
<input >
讀到這里,這篇“jQuery和HTML怎么對(duì)某個(gè)標(biāo)簽設(shè)置只讀或禁用屬性”文章已經(jīng)介紹完畢,想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過才能領(lǐng)會(huì),如果想了解更多相關(guān)內(nèi)容的文章,歡迎關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。