`

input的readonly

阅读更多
发现readonly不能在css里面写,糗啊。
后来发现在ie下可以 在css里写readonly:expression(this.readOnly=true); 来实现。
但是这个在其他的浏览器不起作用。
我写很多个只读的input,难道要写很多次readonly吗,求救啊。。。。
分享到:
评论
2 楼 huangyunbin 2011-10-28  
zhangyaochun 写道
既然你用jQuery 为什么不用选择器去匹配调用jQuery().css呢?

你说的前提是readonly是css的一个属性吧,readonly不是css的属性的情况下jQuery也可以起作用吗
1 楼 zhangyaochun 2011-10-28  
既然你用jQuery 为什么不用选择器去匹配调用jQuery().css呢?

相关推荐

    通过disabled和readonly将input设置为只读效果

    `readonly`的input字段看起来与普通输入框无异,用户可以看到并选择文本,但不能输入新的字符或修改已有内容。与`disabled`不同,`readonly`的input字段在表单提交时,其`value`会正常传递到服务器。这就意味着,...

    浅谈html中input只读属性readonly和disable的区别

    首先,`readonly`属性主要用于`<input>`(如`text`、`password`)和`<textarea>`元素。它使得用户无法修改已有的内容,但用户仍可以聚焦并看到内容。一个重要的特性是,当表单以`POST`或`GET`方式提交时,`readonly`...

    javascript中input中readonly和disabled区别介绍

    - `readonly` 属性主要应用于`<input>`(如text、password)和`<textarea>`元素,使得用户无法修改这些元素的值,但用户仍能看到并选中文本。 - 当表单以POST或GET方式提交时,`readonly`字段的值会被一同发送到...

    [removed]为input设置readOnly属性(示例讲解)

    input>设置readOnly属性  <textarea name=”content” id=”content” cols=”27″ rows=”6″></textarea>  var cObj = document.getElementById(“content”);  cObj.setAttribute(“readOnly”...

    elementUI 设置input的只读或禁用的方法

    然后在input框里加上readonly就可以了。 禁用:disabled 在data里定义:edit: true, 然后在input框里加上::disabled=”edit”就可以了 PS:下面看下elementui通过 disabled 属性指定是否禁用 input 组件,如何用...

    input,验证,闪动,自动删除,限制输入

    <input readonly value="只读显示"> ``` 通过设置`readonly`属性,可以使输入框变为只读状态,用户无法修改其内容,通常用于显示预定义的数据。 ### 6. 自定义验证函数 ```javascript function onlyNum() { if (!...

    JS控制input_输入字符限制

    如果需要一个输入框仅用于显示,不允许用户修改,可以设置`readonly`属性,如`<input readonly value="只能显示,不能修改">`。 7. **输入数字验证**: 以下是一些验证数字输入的方法: - 代码1:使用`onkeyup`...

    用JS控制INPUT输入内容

    <input readonly value="只读状态"> ``` **解析**: - `readonly`属性使得输入框变为只读状态,用户无法修改内容。 ##### 7. 通过函数实现只输入数字 ```html function onlyNum() { if (!((event.keyCode >= 48...

    input 高级限制级用法

    若要使文本框内容不可编辑,但仍然可见,可以在 `input` 标签中添加 `readonly` 属性,例如:`<input readonly>`。这样,用户将无法更改文本框内的文本。 3. **防止退后清空 TEXT 文档** 为了保持文本框的输入...

    jquery设置元素的readonly和disabled的写法

    if ($(‘input’).attr(“readonly”)==true) // 判断 input 元素是否已经设置了 readonly 属性 ``` `disabled` 属性则更为严格,它不仅使输入框无法编辑,还阻止了表单提交时包含这个字段。同样,jQuery 提供了...

    用js一次改变多个input的readonly属性值的方法

    在给定的文件中,主要讲解了如何利用JavaScript(简称js)一次性改变多个`input`元素的`readonly`属性值。此操作特别适用于需要在某些情况下对多个输入框进行统一控制的场景,例如,根据用户权限的不同,允许或者不...

    jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码

    为了提高用户体验,经常会在表单的输入框(`input`元素)内预设提示性文字,这些文字在用户未输入时显示,一旦用户聚焦输入框开始输入,提示文字应自动消失。jQuery是一个广泛使用的JavaScript库,它简化了DOM操作和...

    html ReadOnly 和 Enabled 区别

    ReadOnly 属性的TextBox在客户端会展现成这样的标记: <input readonly = readonly> Enabled 属性的TextBox在客户端会展现成这样的标记: <input disabled=disabled> Html服务器控件使用一个派生于HtmlControl...

    怎样通过disabled和readonly将input设置为只读效果.docx

    Disabled 和 Readonly 是两种常见的方法来实现 Input 只读效果,它们均可以使 Input 变为不可编辑状态,但它们之间存在着重要的区别。 Disabled 方法 Disabled 属性用于指定 Input 元素是否可用。当 Input 元素...

    WEB开发 之 XHTML 语法.docx

    例如,`input checked`应改为`input checked=checked`,`input readonly`应改为`input readonly=readonly`,以此类推。这样做是为了增加代码的可读性和一致性。 4. **用Id属性代替Name属性** 在HTML4.01中,一些...

    appweb嵌入式WebServer服务器学习笔记

    - 使用`readonly`属性禁止文本框编辑:`<input readonly="readonly" value="xxxx"/>` - 使用`disabled`属性完全禁用文本框:`<input disabled="disabled" value="xxxx"/>` 2. **禁止文本框自动补全**: - 使用`...

    QTP处理readonly控件

    ### QTP处理readonly控件 在自动化测试领域中,QTP(Quick Test Professional)是一款非常受欢迎的工具,它主要用于功能测试、回归测试等自动化测试任务。对于某些特定类型的控件,如只读(readonly)控件,QTP提供...

Global site tag (gtag.js) - Google Analytics