设置文本框只读(textbox/input readonly)不允许输入

亮术网 2017-05-05 本网原创

  文本框一般是用来让用户输入填写资料的,但有的时候只是用它来显示资料,也就是不允许输入任何内容,这应该怎么设置?只要添加一个只读属性(readonly)就能达到这个目的。

  文本框有两种,一种为服务器控件 textbox,另一种为 html 元素 input text;它们都可以设置 readonly 属性,即 textbox readonly 和 input readonly。

 

  一、设置文本框只读之 input readonly

  在 html 元素中,input 并不表示某一种具体元素,要表示具体元素需要加类型,例如要表示文本框需要加 type="text",如果要把文件框设置为只读不允许用户输入,只需加 readonly 属性。具体代码如下:

  <input type="text" id="inputId" name="inputId" readonly="true" />

  添加 readonly="true" 后,文本框就不能输入了,只能给它设置一个初始值或者在后台用代码给它赋值,当然在前台用 javascript 也可以改变它的属性,所以并不是绝对不能输入。如果文本框只是用于显示文字,可以给它定义一个CSS样式,这样不但看不出是文本框,并且美观一些。

 

  二、设置文本框只读之 textbox readonly

  textbox 不过是 asp.net 的服务器控件,最终还会解析为 input text,把它设置为只读方法也跟 input 一样,只不过 readonly 开头字母需要大写,具体代码如下:

  <asp:TextBox ID="textboxId" runat="server" ReadOnly="true" />

  asp.net 的服务器前面都需要加 asp,并且还要加 runat="server",其它的也跟 html 元素差不多,只不过属性需要大写。

本文浓缩标签:textboxinputreadonly