html文本框不可编辑,禁止用户修改的几种方法

如题所述

具体步骤:
方法一:设置readonly属性为true。

Html代码
1.<input type="text" value="readonly" readonly>
<input type="text" value="readonly" readonly>

方法二:设置disabled属性为true。

Html代码
1.<input type="text" value="disabled" disabled>
<input type="text" value="disabled" disabled>

方法三:在对象focus时立刻让它blur,使它无法获得焦点。

Html代码
1.<input type="text" value="onfocus=this.blur()" onfocus="this.blur()">
<input type="text" value="onfocus=this.blur()" onfocus="this.blur()">

提示:readonly和disabled的区别在于后者完全禁止与设置该属性的对象交互(表现为不可改写、不可提交等)。
温馨提示:内容为网友见解,仅供参考
第1个回答  2014-11-03
<input type="text" readonly="readonly" /> 规定输入字段为只读。
<input type="text" disabled="disabled" /> disabled 属性规定应该禁用 input 元素。

html文本框不可编辑,禁止用户修改的几种方法
方法一:设置readonly属性为true。Html代码 1.<input type="text" value="readonly" readonly> <input type="text" value="readonly" readonly> 方法二:设置disabled属性为true。Html代码 1.<input type="text" value="disabled" disabled> <input type="text" value="disabled" disabled> 方法...

HTML如何禁止文本框输入
1、disabled 属性规定应该禁用 input 元素,被禁用的 input 元素,不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 一起使用。示例:2、readonly 属性规定输入字段为只读可复制,但是,用户可以使用Tab键切换到该字段,可选择,可以...

input不可编辑input不可编辑
1、在HTML中制作表单input不可编辑的方法。有时,我们希望表单中的文本框是只读的,这样用户就不能修改其中的信息。比如输入type=' text ' name=' input 1 ' value=' China ',那么' China '这个词就不能修改。总而言之,有几种方法可以实现input不可编辑的方法 2、input不可编辑,方法1:...

使input文本框不可编辑的3种方法
第一种方法:使用disabled属性。通过在input元素中添加disabled属性,文本框将被禁用,无法编辑、复制或选择,同时,焦点也无法被其接收。后台不会接收到传值。设置后,文本框内的文字会变为灰色。值得注意的是,disabled属性不能与某些其他属性共存。第二种方法:使用readonly属性。当为input元素添加readonly...

textarea设置只读显示无法调整
要让textarea元素只读,你可以在元素中添加readonly属性。这样,用户将不能编辑文本框中的内容,但可以选择和复制文本。例如:html 接下来,要禁止textarea的大小调整,你可以使用CSS的resize属性并将其设置为none。这将移除文本框右下角的调整大小控件,从而防止用户通过拖动该控件来改变文本框的大小。例如...

js 控制打开对话框文本框不可编辑
文本框不可以编辑可以用两个属性来控制:readonly,只读属性,文本可以选择、复制,但是不可以改变文本值 disabled,不可选择、复制、改变文本值。js控制打开对话框的时候,同时改变对话框中的文本框的属性即可。jq方法 ("input[type=text]").prop('readonly','readonly');或者 ("input[type=text]")...

如何设置表单的input文本框不可编辑
我们可以通过为表单字段(input文本框,标签,复选框,文本区域)设置以下方法来实现表单的不可编辑功能。【相关视频教程推荐:html教程】我们以input文本框为例来看看效果:1、onfocus=this.blur() <input type="text" name="input1" value="Gxl网" onfocus=this.blur()>可以看出,表单input文本框...

input设置只读;input设置不可编辑
语法:input type="text" readonly="readonly" \/ 新建一个html页面,在这个html页面创建一个input文本输入框。添加只读属性。在input标签里添加readonly="readonly" ,就可以把这个文本输入修改为不可编辑了。保存html页面后使用浏览器打开,鼠标放到对应input文本框上,...

如何禁止input文本框输入
1、将readonly =“readonly”属性添加到文本框中,并将输入设置为只读。2、之后在浏览器中预览,您可以看到文本框不可编辑。3、还可以在文本框中输入disabled =“disabled”属性,将输入设置为未使用状态。4、在浏览器中预览,你可以看到鼠标滑过文本框,出现一个红色圆框,显示不可用。5、我们还可以...

在js中怎样点Button按钮让文本框不可编辑
type="button" name="button" id="button" value="不可编辑" onclick="check()" \/><\/label> <script type="text\/javascript"> function check(){ document.getElementById("textfield").disabled = true;} <\/script> <\/body> <\/html> 把以上代码,保存为 index.html 就行了 ...

相似回答