前言前端
通常而言,Textbox中有兩個屬性能夠對其進行防止編輯的設定,這是最基礎的知識,也是我要提出的前兩種方法。然後兩種方法實際爲一種,但能夠應用於不一樣環境中。web
1、ReadOnly屬性瀏覽器
這樣設置,Textbox控件則限制不能輸入,但能夠讀取已有文本,樣式也與正常使用的Textbox一致。app
一、在前端設置Readonly爲true,樣式以下:測試
<asp:TextBox ID="TextBox1" runat="server" ReadOnly="true" Text="測試"></asp:TextBox>
二、在後臺設置Readonly爲true,樣式以下:this
TextBox1.ReadOnly = true;
2、Enabled屬性spa
設置此屬性會將Textbox控件變成反灰樣式,不可點擊。code
一、在前端設置Enabled爲false,樣式以下:server
<asp:TextBox ID="TextBox1" runat="server" Enabled="false" Text="測試"></asp:TextBox>
二、在後臺設置Readonly爲true,樣式以下:blog
TextBox1.Enabled= false;
3、onfocus方法
設置JS的事件,onfocus事件指的的是光標移到到此控件,this.blur()是將光標移開,如此便可以達到不能編輯的目的,代碼以下。
<asp:TextBox ID="TextBox1" runat="server" Text="測試" onfocus="this.blur();"></asp:TextBox>
補充:設置TextModel樣式
使用CSS代碼,設置TextModel屬性。與上面方法結合,這樣設置的好處是在一些瀏覽器中不只能實現不能編輯的目的,還可以保證原有的"X"號存在,保留清除控件內容的功能。經檢測,在IE瀏覽器不支持此功能,但Google瀏覽器能夠。
前端代碼以下:
<asp:TextBox ID="TextBox1" runat="server" Text="測試" TextModel="search" onfocus="this.blur();"></asp:TextBox>
Css樣式以下:
<style> Input[type=search]::-webkit-search-cancel-button { -webkita-appearance: searchfield-cancel-button; } </style>
4、onkeydown方法
設置onkeydown返回false,實際是使得控件不能由鍵盤輸入,保留刪除功能,同時能夠經過剪切複製來刪除賦值。此事件進一步設定能夠實現限制僅數字輸入或者僅字母輸入等功能。
前端代碼以下:
<asp:TextBox ID="TextBox1" runat="server" Text="測試" onkeydown="return false;"></asp:TextBox>