`

几种常用禁止修改输入框的方法

    博客分类:
  • html
阅读更多
 1, 通过js实现-onfocus="this.blur()"


双击代码全选 1  代码:<input type="text" value="fisker" onclick="alert(this.value);" onfocus="this.blur()" />

  输入框无法获得焦点,不能编辑

  表单可以获得值。

  可以复制。

  蛮奇怪的,都选住了,还没有获得焦点?

  2,readonly


双击代码全选 1  代码:<input type="text" value="fisker" onclick="alert(this.value);" readonly />

  输入框只读。不能编辑

  同样表单可以获得值。

  也可以复制。
<form id="form1" name="form1" method="post" action="" >
  <label>11
  <input type="text" name="test" value="111"/>
  </label>
</form>
<script language="javascript">
document.all.form1.test.readOnly=true;
</script>

  3,disabled


双击代码全选 1  代码:<input type="text" value="fisker" onclick="alert(this.value);" disabled />

  输入框灰色,不能编辑

  可以用JS改变或获得其值,但提交时并不提交该值。

  第一和第二效果差不多。视觉上

  第一个,点击的时候光标会闪烁一下。

  第三个,灰色的输入框看起来还是不喜欢。
分享到:
评论

相关推荐

    107个常用javascript语句

    59.contentEditable可设置元素是否可被修改,isContentEditable返回是否可修改的状態. 60.isDisabled判断是否为禁止状態.disabled设置禁止状態 61.length取得长度,返回整型数值 62.addBehavior()是一种JS调用的外部...

    泛微表单js大全.rar

    4. **显示属性控制**:根据表单中的其他字段值动态控制某个字段的可见性或禁用状态,例如,当用户选择某种选项时,才会显示相关的输入框,或者当某个条件满足时,禁止用户修改某字段。 5. **时间处理**:时间相关的...

    C++MFC教程

    以下是我在最初学习VC时所常用的开发思路和方法,希望能对初学VC的朋友有所帮助和启发。 1、开发需要读写文件的应用程序并且有简单的输入和输出可以利用单文档视结构。 2、开发注重交互的简单应用程序可以使用对话框...

    Angular6 正则表达式允许输入部分中文字符

    解决这个问题的方法是将正则表达式修改为`/^[\uff08\uff09\u4e00-\u9fa5]+$/`,确保正则表达式在打包后能够正确执行。 除了允许输入特定的中文字符之外,有时候还需要编写正则表达式来检测其他特定格式的字符串。...

    excel表格的各种基本操作.doc

    为了更快地打开Excel,可以通过以下几种方式实现: - 在任务栏固定Excel图标。 - 使用桌面快捷方式双击打开。 - 使用Windows搜索栏输入“Excel”。 **3. 快速删除选定区域数据** 要快速删除选定区域的数据,可以...

    .htaccess

    当然,这只在你知道你想拦截的IP地址时才有用,然而现在网上的大多数用户都使用动态IP地址,所以这并不是限制使用的常用方法。 &lt;br&gt;You can block an IP address by using: 你可以使用以下命令封禁一个IP地址...

    X-Scan v3.1

    支持插件功能,提供了图形界面和命令行两种操作方式,扫描内容包括:远程服务类型、操作系统类型及版本,各种弱口令漏洞、后门、应用服务漏洞、网络设备漏洞、拒绝服务漏洞等二十几个大类。对于多数已知漏洞,我们给...

    X-Scan

    支持插件功能,提供了图形界面和命令行两种操作方式,扫描内容包括:远程服务类型、操作系统类型及版本,各种弱口令漏洞、后门、应用服务漏洞、网络设备漏洞、拒绝服务漏洞等二十几个大类。对于多数已知漏洞,我们给...

    多媒体教室

    如果您需要在两个组播不通的网段间使用多媒体网络教室,就必须在以 Windows NT 作为网关的机器上安装路由器软件,安装方法如下: 1. 使网关的两块网卡分别对应不同的网段,并将各网段的学生机设置网关为相应网段的...

Global site tag (gtag.js) - Google Analytics