input不可编辑 input设置为不可编辑
input设置只读;input设置不可编辑
如何对input设置只读属性,可以通过使用readonly设置input文本框为只读。
语法:input type="text" readonly="readonly"/
新建一个html页面,在这个html页面创建一个input文本输入框。
添加只读属性。在input标签里添加readonly="readonly",就可以把这个文本输入修改为不可编辑了。
保存html页面后使用浏览器打开,鼠标放到对应input文本框上,发现该文本框无法获取焦点,表示设置只读属性成功。
jquery 设置 checkbox选择行的input 为不可以编辑状态
jquery设置checkbox选择行的input,为不可以编辑状态,是设置错误造成的,解决方法如下:
1、首先新建一个html文件,命名为test.html。
2、在test.html文件内,在p标签内,使用input标签创建一个checkbox选项和一个文本框,并且文本框设置默认值。
3、在test.html文件内,给每一个checkbox类型input元素设置name属性,统一设置为ck,主要用于下面通过该name获得input对象。
4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“获得input值”。
5、在test.html文件中,给button按钮绑定onclick点击*,当按钮被点击时,执行getinput()函数。
6、最后在浏览器打开test.html文件,点击按钮,查看结果,就完成了。
css如何实现input不可编辑
可以用这个方法:
onfocus=this.blur()<input type=”text” name=”input1″ value=”景安” onfocus=this.blur()>
举个完整的例子:
<input name=”ja_na” type=”text” tabindex=”2″ onMouseOver=”this.className='input_1'”
onMouseOut=”this.className='input_2'” value=”5567689″ disabled=”true”readOnly=”true”/>
说明:
disabled=”true”此时文字会变成灰色,不可编辑。
readOnly=”true”文字不会变色,也是不可编辑的
浏览器运行效果:
扩展材料:
CSS为HTML标记语言提供了一种样式描述,定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。
总体来说,CSS具有以下特点:
CSS提供了丰富的文档样式外观,以及设置文本和背景属性的能力;允许为任何元素创建边框,以及元素边框与其他元素间的距离,以及元素边框与元素内容间的距离;允许随意改变文本的大小写方式、修饰方式以及其他页面效果。
CSS可以将样式定义在HTML元素的style属性中,也可以将其定义在HTML文档的header部分,也可以将样式声明在一个专门的CSS文件中,以供HTML页面引用。总之,CSS样式表可以将所有的样式声明统一存放,进行统一管理。
另外,可以将相同样式的元素进行归类,使用同一个样式进行定义,也可以将某个样式应用到所有同名的HTML标签中,也可以将一个CSS样式指定到某个页面元素中。如果要修改样式,我们只需要在样式列表中找到相应的样式声明进行修改。
CSS样式表可以单独存放在一个CSS文件中,这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件,在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。
简单的说,层叠就是对一个元素多次设置同一个样式,这将使用最后一次设置的属性值。例如对一个站点中的多个页面使用了同一套CSS样式表,而某些页面中的某些元素想使用其他样式,就可以针对这些样式单独定义一个样式表应用到页面中。这些后来定义的样式将对前面的样式设置进行重写,在浏览器中看到的将是最后面设置的样式效果。
参考资料来源:百度百科——CSS
如何设置表单的input文本框不可编辑
本篇文章给大家带来的内容是以input文本框为例来介绍如何设置表单不可编辑,让大家了解实现所有表单字段(文本框,标签,复选框,文本区域)不可编辑的方法,知道readonly属性和disabled属性的区别。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。
有时,我们需要以不可编辑的模式显示表单域,那么如何实现?我们可以通过为表单字段(input文本框,标签,复选框,文本区域)设置以下方法来实现表单的不可编辑功能。【相关视频教程推荐:html教程】
我们以input文本框为例来看看效果:
1、onfocus=this.blur()
<input type=”text” name=”input1″ value=”Gxl网” onfocus=this.blur()>
可以看出,表单input文本框无法被点击,不可进行编辑了;里面的文字也无法选择。
2、readonly属性
<input type=”text” name=”input1″ value=”Gxl网” readonly>
<input type=”text” name=”input1″ value=”Gxl网” readonly=”true”>
可以看出,表单input文本框无法被点击,不可进行编辑了。
3、disabled属性
<input type=”text” name=”input1″ value=”Gxl网” disabled>
注意:
我们不能为所有表单字段或元素设置readonly属性。<select>,<option>和<button>元素没有readonly属性,但它们具有disabled属性,可以通过设置disabled属性来实现不可编辑功能。
下面我们来看看readonly属性和disabled属性的区别是什么?
readonly属性和disabled属性都是表单字段(文本框,标签,复选框,文本区域)的不可编辑属性,下面我们来看看它们的区别
disabled属性—-禁用属性
1、禁用的表单字段或元素值不会发布到服务器进行处理。
2、禁用的表单字段或元素不会获得焦点。
3、选项卡导航时会跳过已禁用的表单字段或元素。
4、某些浏览器(如IE)为禁用的表单字段或元素提供默认样式(灰色或浮雕文本)。
readonly属性—-只读属性
1、字段或元素的值以只读形式来发布到服务器进行处理。
2、只读表单字段或元素可以获得焦点。
3、选项卡导航时包含只读表单字段或元素。
4、某些浏览器不为只读表单字段或元素提供默认样式。
总结:
html文字框不可编辑,禁止使用者修改的几种方法
文字框不可编辑,禁止使用者修改的几种方法文字框不可用可以在标签input属性中设定readonly
具体步骤:
方法一:设定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的区别在于后者完全禁止与设定该属性的物件互动(表现为不可改写、不可提交等)。
jquery如何使文字框不可编辑
$('#id').attr('readonly',true);
如何设定文字框不可编辑
具体步骤:方法一:设定readonly属性为true。 Html程式码 1.方法二:设定disabled属性为true。 Html程式码 1.方法三:在物件focus时立刻让它blur,使它无法获得焦点。
怎样限定excel工作表禁止别人修改可用编辑范围的几种方法介绍
第一步,选定要保护的单元格。第二步,右键,设定单元格格式,对话方块里面最后一个,锁定,在锁定的方框里面打勾,第三,保护工作表。设定密码。
Ext.js怎么设定文字框不可编辑
在文字框定义的时候加下面程式码就行了
readOnly:true
本文链接:http://www.yangwm.com/html/87964839.html
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件举报,一经查实,本站将立刻删除。