如何用Javascript使文本輸入框變灰

JavaScript禁用文本框或者禁止文本框的輸入方法僅供參考：

成都創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供云城網(wǎng)站建設、云城做網(wǎng)站、云城網(wǎng)站設計、云城網(wǎng)站制作等企業(yè)網(wǎng)站建設、網(wǎng)頁設計與制作、云城企業(yè)網(wǎng)站模板建站服務，十年云城做網(wǎng)站經(jīng)驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡服務。

方法1、設置文本框的ReadOnly選項

input type="text" value="此處文本不可修改" readonly/

在JavaScript中，可以使用以下代碼啟用或禁用問框框的輸入功能：

document.all.textInputID.readOnly = false;

采用這種方法的好處是在基于SSH（Struts + Spring + HIbernate）框架的設計中，我們能夠通過Form調(diào)用到該文本框。當然，其它方法也調(diào)用不到，本文結(jié)尾處將略作介紹。

方法2、設置文本框的Disable屬性

input type="text" value="該文本框不可用" disabled/

相應的JavaScript代碼如下：

document.all.textInputID.disabled = true;

方法3、在對象focus時立刻讓它blur，使它無法獲得焦點

input type="text" value="onfocus=this.blur()" onfocus="this.blur()"/

提示：readonly和disabled的區(qū)別在于后者完全禁止與該對象的交互(表現(xiàn)為不可改寫、不可提交等)，而readonly是可以提交的

如何使用javascript使按鈕變灰且不能點擊

第一種方法：直接按鈕中加入

當點擊提交后，提交按鈕變灰色不可用，這樣可有效防止重復提交，本代碼就是實現(xiàn)這樣一個功能。從代碼就可以看出，我們只需在提交按鈕上加入這一句： onclick="javascript:{this.disabled=true;document.form1.submit();}"，意思是當按鈕點擊后，將按鈕的不可用屬性設置為true，這樣按鈕就變灰了

html

head

meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312"

title表單提交后按鈕變成灰色/title

/head

body

form?name=form1?method="POST"?action="/"?target=_blank

pinput?type="text"?name="T1"?size="20"input?type="button"?value="提交"?onclick="javascript:{this.disabled=true;document.form1.submit();}"

input?type="reset"?value="重置"?name="B2"/p

/form

/body

/html

第二種方法：通過onSubmit事件實現(xiàn)，并且可以將變灰按鈕變?yōu)榭捎?/p>

在form里面添加 onSubmit事件，如果表單加入了判斷，那么這個方法直接就可以用了，記住就放到最后，否則一開始就為灰了，但我們加上了一個使提交按鈕變?yōu)榭捎玫拇a，

即可防止重復提交信息，也可以防止代碼問題導致不可提交的情況

form?name=form1?action=""?onSubmit="?return?closebut()"?

input?name="imageField"?type="submit"?class="inputbut"?value="確定"?/br

input?type="button"?name="hui"?id="hui"?value="讓提交按鈕可用"?onclick="document.form1.imageField.disabled=false"?/

/form

script

function?closebut(){

document.form1.imageField.disabled=true;

}

/script

第三種，跟上面的類似

!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?""

html?xmlns=""

head

meta?http-equiv="content-type"?content="text/html;charset=gb2312"

meta?name="keywords"?content="站長,網(wǎng)頁特效,js特效,js腳本,腳本,廣告代碼"?/

meta?name="description"?content=",站長特效網(wǎng)，站長必備js特效及廣告代碼。大量高質(zhì)量js特效，提供高質(zhì)量廣告代碼下載,盡在站長特效網(wǎng)"?/

title網(wǎng)頁特效?表單提交后按鈕變灰效果三/title

/head

body

a?href=""腳本之家/a,站長必備的高質(zhì)量網(wǎng)頁特效和廣告代碼。hr

!--歡迎來到腳本之家，我們網(wǎng)站收集大量高質(zhì)量js特效，提供許多廣告代碼下載，網(wǎng)址：A?href="";/A，用.net打造靚站--

script?language="javascript"

function?submitonce(jb51_net){

if(document.all||document.getElementById){

for(i=0;ijb51_net.length;i++){

var?tempobj=jb51_net.elements[i];

if(tempobj.type.toLowerCase()=="submit"||tempobj.type.toLowerCase()=="reset")

tempobj.disabled=true;

}

}

}//歡迎來到站長特效網(wǎng)，我們的網(wǎng)址是，很好記，zz站長，js就是js特效，本站收集大量高質(zhì)量js代碼，還有許多廣告代碼下載。

/script

form?action=""?method="post"?name="jb51_net"?onSubmit="submitonce(this)"

input?type="text"?name="name"

input?type="submit"?name="submit1"?value="提交"

/form

/body

/html

如何使用javascript使按鈕變灰且不能點擊？

將這種狀態(tài)保存下來不就行了。比如說你想做一個簽到頁面，數(shù)據(jù)庫里面保存你當天的簽到狀態(tài)為0，頁面上獲取這個狀態(tài)，為0的時候可以點擊，點擊后改變狀態(tài)保存，為1的時候不可點擊。

2.disabled改為true然后提交狀態(tài)到后臺，這樣就算刷新，只要你的狀態(tài)是1就不可點。