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

如题所述

一般有2种方法使input文本框不可编辑:

    disabled 属性规定应该禁用 input 元素
    被禁用的 input 元素既不可用,也不可点击。可以设置 disabled 属性,直到满足某些其他的条件为止(比如选择了一个复选框等等)。然后,就需要通过 JavaScript 来删除 disabled 值,将 input 元素的值切换为可用。
    disabled 属性无法与 <input type="hidden"> 一起使用。
    <input type="text" disabled="disabled" />

    readonly 属性规定输入字段为只读
    只读字段是不能修改的。不过,用户仍然可以使用 tab 键切换到该字段,还可以选中或拷贝其文本。

    readonly 属性可以防止用户对值进行修改,直到满足某些条件为止(比如选中了一个复选框)。然后,需要使用 JavaScript 消除 readonly 值,将输入字段切换到可编辑状态。

    readonly 属性可与 <input type="text"> 或 <input type="password"> 配合使用。
    <input type="text" readonly="readonly">

温馨提示:内容为网友见解,仅供参考
第1个回答  2013-10-21
输入框无法获得焦点,不能编辑�0�2
表单可以获得值。�0�2
可以复制。�0�2
蛮奇怪的,都选住了,还没有获得焦点?�0�2
2,readonly�0�2�0�2 代码:输入框只读。不能编辑�0�2
同样表单可以获得值。�0�2
也可以复制。�0�2
3,disabled�0�2�0�2 代码:输入框灰色,不能编辑�0�2
可以用JS改变或获得其值,但提交时并不提交该值。本回答被提问者采纳

如何设置表单的input文本框不可编辑
我们可以通过为表单字段(input文本框,标签,复选框,文本区域)设置以下方法来实现表单的不可编辑功能。【相关视频教程推荐:html教程】我们以input文本框为例来看看效果:1、onfocus=this.blur() 可以看出,表单input文本框无法被点击,不可进行编辑了;里面的文字也无法选择。2、readonly属性 可以看出...

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

如何设置表单元素的只读和禁用属性
可以直接利用【表单大师】制作表单,将字段属性前面的{不可编辑}打勾,这样填表者就只能看到该字段,无法编辑了 至于你提问中的禁用是指的禁用什么呢?

零基础教你学前端——33,label标签和只读禁用属性
1. 打开编辑器,创建一个`label.html`文件,编写一个`form`标签,在`body`中加入输入框与`label`元素。`2. 在`label`标签内添加文本“请输入用户名”,紧接着添加`input`标签,设置`type`属性为`text`。3. 为`label`添加`for`属性,其值应为`input`标签的`id`属性值。4. 为`input`输入框...

HTML如何禁止文本框输入
js禁止文本框输入用'disabled'限制。\/\/HTML代码 \/\/jQuery代码 (function(){ ('#text001').attr('disabled',true);});要禁止输入其实可以不用js都可以做到 input有个属性readonly是用来设置文本框为只读的 只需要添加readonly='readonly'就可以不让文本框输入文字了 例如 ...

readonly和disabled区别详解
而readonly只是针对文本输入框这类可以输入文本的输入项 如果设为true 用户只是不能编辑对应的文本 但是仍然可以聚焦焦点 并且在提交表单的时候 该输入项会作为form的一项提交 代码如下 复制代码 <!DOCTYPE PUBLIC " \/\/W C\/\/DTD XHTML Transitional\/\/EN" "< xmlns=" Untitled Document <...

disabled是开启还是关闭
首先,当元素的disabled属性被设为true或者直接使用"disabled"关键字时,这个开关就被"打开"了。这时,元素看似可见,但实际上用户无法点击或编辑,例如在表单中,一个预设为不可提交的按钮。这种设置在进行数据验证或防止重复操作时非常实用。反之,当disabled属性设置为false或被忽略时,"开关"处于"关闭"...

...所有的input标签的节点,将所有标签的disabled设置为true
获取某个table中所有的input标签的节点,将所有标签的disabled设置为true 方法如下: 1、在改变事件里在获取该input的父标签或父父标签.直到取到该input所在的行标签, 2、然后取该行下面所有input 标签... 本回答由电脑网络分类达人 汪正茂推荐 举报| 答案纠错 | 评论 0 5 丁子曦哲 采纳率:75% 来自团队:电脑...

什么是表单,表单中包括哪些常用元素?各有什么作用
表单域:包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。表单按钮:包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器上的CGI脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作。

表单元素有哪些?
问题一:表单中常用的表单元素有哪些?说出它们所提供给的属性,方法,和 *** 表单的基本元素 辅助元素 问题二:html表单元素有哪些 一、文本域 二、密码域 密码跟文本框类似,但是在里面输入的内容显示为圆点。三、单选按钮 男人: Male 女人: Female 四、复选框 五、按钮 六、重置按钮 当点击...

相似回答