几种设置表单元素中文本输入框不可编辑的方法总结

 更新时间:2013年11月25日 08:55:50   作者:  
这篇文章主要是对几种设置表单元素中文本输入框不可编辑的方法进行了总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助

代码:

复制代码 代码如下:

<input type="text" value="fisker" onclick="alert(this.value);" onfocus="this.blur()" />

输入框无法获得焦点,不能编辑
表单可以获得值。
可以复制。
蛮奇怪的,都选住了,还没有获得焦点?

2,readonly

代码:

<input type="text" value="fisker" onclick="alert(this.value);" readonly />

输入框只读。不能编辑
同样表单可以获得值。
也可以复制。

3,disabled

代码:

复制代码 代码如下:

<input type="text" value="fisker" onclick="alert(this.value);" disabled />

输入框灰色,不能编辑
可以用JS改变或获得其值,但提交时并不提交该值。

您可能感兴趣的文章:

相关文章

  • JavaScript严格模式下关于this的几种指向详解

    JavaScript严格模式下关于this的几种指向详解

    除了正常运行模式,ECMAscript 5添加了第二种运行模式:"严格模式"(strict mode)。下面这篇文章主要给大家介绍了在JavaScript严格模式下关于this的几种指向的相关资料,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-07-07
  • javascript中传统事件与现代事件

    javascript中传统事件与现代事件

    本文给大家介绍的是使用传统事件的方法来模拟现代事件,十分的简单实用,有需要的小伙伴可以参考下。
    2015-06-06
  • JS函数动态传递参数的方法分析【基于arguments对象】

    JS函数动态传递参数的方法分析【基于arguments对象】

    这篇文章主要介绍了JS函数动态传递参数的方法,结合实例形式分析了javascript通过arguments对象获取传递参数的相关操作技巧,需要的朋友可以参考下
    2019-06-06
  • JavaScript 监听组合按键思路及代码实现

    JavaScript 监听组合按键思路及代码实现

    这篇文章主要介绍了JavaScript 监听组合按键思路及代码实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-07-07
  • js实现每日签到功能

    js实现每日签到功能

    这篇文章主要为大家详细介绍了js实现每日签到功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-11-11
  • JS解析XML的实现代码

    JS解析XML的实现代码

    用javascript实现XML的解析的实现代码,需要的朋友可以参考下。
    2009-11-11
  • javascript中活灵活现的Array对象详解

    javascript中活灵活现的Array对象详解

    本文的内容就如同标题一样,这篇文章将会灵活的运行Array对象的一些方法来实现看上去较复杂的应用。相信对大家学习或者理解javascript中的Array对象能具有一定的参考借鉴价值,有需要的朋友们下面跟着小编一起来学习学习吧。
    2016-11-11
  • JavaScript中Async/Await通过同步的方式实现异步的方法介绍

    JavaScript中Async/Await通过同步的方式实现异步的方法介绍

    在JavaScript的异步编程中,我们经常使用回调函数、Promise和 Async/Await来解决异步操作的问题,Async/Await 又是Promise的语法糖,它的出现让异步编程变得更加直观和易于理解,本文将详细讲解Async/Await如何通过同步的方式实现异步
    2023-06-06
  • JS判断鼠标从什么方向进入一个容器实例说明

    JS判断鼠标从什么方向进入一个容器实例说明

    偶然将想到的一个如何判断鼠标从哪个方向进入一个容器的问题,并且做了一系列的设想,代码部分不是很多,我直接写了个示例, 感兴趣的朋友可以了解下,或许本文对你有所帮助
    2013-02-02
  • 页面加载完后自动执行一个方法的js代码

    页面加载完后自动执行一个方法的js代码

    这篇文章主要介绍了加载完成一个页面后自动执行一个方法,很简单很实用,需要的朋友可以参考下
    2014-09-09

最新评论