DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> html 文本框(text)不可用只讀的多種實現方法
html 文本框(text)不可用只讀的多種實現方法
編輯:HTML和Xhtml     
方法一: <input id= "File1" type= "text" disabled/> 不可用
方法二: <input id= "File1" type= "text" readonly/> 只讀
方法三: <input id= "File1" type= "text" style="display:none"/> 隱藏(但占位置)
方法四: <input id= "File1" type= "text" style="visibility:hidden"/> 隱藏(不占位置)

有時候,我們希望表單中的文本框是只讀的,讓用戶不能修改其中的信息,如使<input type="text" name="input1" value="中國"> 的內容,"中國"兩個字不可以修改。實現的方式歸納一下,有如下幾種。

方法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>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved