html 文本框(text)不可用只讀的多種實現(xiàn)方法

字號:


    有時候,我們希望表單中的文本框是只讀的,讓用戶不能修改其中的信息,本文整理了多種實現(xiàn)方法,感興趣的朋友可以參考下
    方法一: <input id= "File1" type= "text" disabled/> 不可用 
    方法二: <input id= "File1" type= "text" readonly/> 只讀 
    方法三: <input id= "File1" type= "text"/> 隱藏(但占位置) 
    方法四: <input id= "File1" type= "text"/> 隱藏(不占位置) 
    有時候,我們希望表單中的文本框是只讀的,讓用戶不能修改其中的信息,如使<input type="text" name="input1" value="中國"> 的內(nèi)容,"中國"兩個字不可以修改。實現(xiàn)的方式歸納一下,有如下幾種。 
    方法1: onfocus=this.blur() 
    代碼如下:
    <input type="text" name="input1" value="中國" onfocus=this.blur()> 
    方法2:readonly 
    代碼如下:
    <input type="text" name="input1" value="中國" readonly> 
    <input type="text" name="input1" value="中國" readonly="true"> 
    方法3: disabled 
    代碼如下:
    <input type="text" name="input1" value="中國" disabled>