以下对form表单中input元素的readonly与dis_

猿来

d

发表于 2018-08-04 18:47:13 回复(0)

推荐

pxp迅鹏

disabled指当 input 元素加载时禁用此元素。input内容不会随着表单提交

readonly规定输入字段为只读。input内容会随着表单提交。

无论设置readonly还是disabled，通过js脚本都能更改input的value（亲测可以）

编辑于 2017-03-03 09:58:18 回复(24)

打倒小易

设置readonly = true，页面上无法修改内容，但是可以通过JavaScript修改,内容会被提交

设置disabled = true,无法修改内容，也不会被提交

发表于 2017-08-07 09:48:49 回复(2)

咖啡色的自由

disabled和readonly这两个属性有一些共同之处，比如都设为true，则form属性将不能被编辑，往往在写js代码的时候容易混合使用这两个属性，其实他们之间是有一定区别的：

如果一个输入项的disabled设为true，则该表单输入项不能获取焦点，用户的所有操作（鼠标点击和键盘输入等）对该输入项都无效，最重要的一点是当提交表单时，这个表单输入项将不会被提交。
而readonly只是针对文本输入框这类可以输入文本的输入项，如果设为true，用户只是不能编辑对应的文本，但是仍然可以聚焦焦点，并且在提交表单的时候，该输入项会作为form的一项提交。

发表于 2017-06-24 17:07:52 回复(2)

web前端初级

readonly是只读的意思，disabled是禁止的意思。readonly的时候只能看不能修改，disabled的时候表示这个input项不能做任何操作。所以选A

发表于 2017-02-07 23:52:47 回复(3)

牛客955794565号

disabled和readonly这两个属性有一些共同之处，比如都设为true，则form属性将不能被编辑，往往在写js代码的时候容易混合使用这两个属性，其实他们之间是有一定区别的：

如果一个输入项的disabled设为true，则该表单输入项不能获取焦点，用户的所有操作（鼠标点击和键盘输入等）对该输入项都无效，最重要的一点是当提交表单时，这个表单输入项将不会被提交。
而readonly只是针对文本输入框这类可以输入文本的输入项，如果设为true，用户只是不能编辑对应的文本，但是仍然可以聚焦焦点，并且在提交表单的时候，该输入项会作为form的一项提交。

发表于 2021-09-14 19:46:58 回复(0)

harekuer

D

发表于 2016-12-30 18:19:56 回复(0)

冷兮。

当readonly，Disabled为真时都可以使用JavaScript脚本修改内容

但是disabled为真时，input的值将不会传递到后台

发表于 2017-08-11 16:59:47 回复(0)

Mr.Nine

就这种题，还校招真题，呵呵哒

发表于 2017-03-14 10:39:46 回复(0)

啊hi哈哟

我只知道readonly是只读，disabled是禁用，没想到还有可不可以修改提交的问题

发表于 2017-02-26 14:14:15 回复(0)

牛客958379号

c

发表于 2016-12-26 11:20:33 回复(0)

Offer快点快点快点来

设置readonly = true，页面上无法修改内容，但是可以通过JavaScript修改,内容会被提交设置disabled = true,无法修改内容，也不会被提交

发表于 2019-05-23 09:52:11 回复(0)

千纸鹤千颗心

disabled和readonly这两个属性有一些共同之处，比如都设为true，则form属性将不能被编辑，往往在写js代码的时候容易混合使用这两个属性，其实他们之间是有一定区别的：

如果一个输入项的disabled设为true，则该表单输入项不能获取焦点，用户的所有操作（鼠标点击和键盘输入等）对该输入项都无效，最重要的一点是当提交表单时，这个表单输入项将不会被提交。
而readonly只是针对文本输入框这类可以输入文本的输入项，如果设为true，用户只是不能编辑对应的文本，但是仍然可以聚焦焦点，并且在提交表单的时候，该输入项会作为form的一项提交。

发表于 2019-04-05 16:39:01 回复(0)

牛客143068号

disabled指当 input 元素加载时禁用此元素。input内容不会随着表单提交 readonly规定输入字段为只读。input内容会随着表单提交。无论设置readonly还是disabled，通过js脚本都能更改input的value

发表于 2017-10-16 11:16:27 回复(0)

熊在匣子里

定义和用法 readonly 属性规定输入字段为只读。只读字段是不能修改的。不过，用户仍然可以使用 tab 键切换到该字段，还可以选中或拷贝其文本。 readonly 属性可以防止用户对值进行修改，直到满足某些条件为止（比如选中了一个复选框）。然后，需要使用 JavaScript 消除 readonly 值，将输入字段切换到可编辑状态。 readonly 属性可与 <input type="text"> 或 <input type="password"> 配合使用。定义和用法 disabled 属性规定应该禁用 input 元素。被禁用的 input 元素既不可用，也不可点击。可以设置 disabled 属性，直到满足某些其他的条件为止（比如选择了一个复选框等等）。然后，就需要通过 JavaScript 来删除 disabled 值，将 input 元素的值切换为可用。注释：disabled 属性无法与 <input type="hidden"> 一起使用。

发表于 2017-03-27 14:12:39 回复(0)

Marven.Liu

设置readonly = true，可以聚焦，页面上无法修改内容，但是可以通过JavaScript修改,内容会被提交

设置disabled = true,不可以聚焦，页面上无法修改内容，但是可以通过JavaScript修改,内容不会被提交

发表于 2020-05-25 10:43:54 回复(0)

前端Hu

Readonly只读，disabled禁止

发表于 2023-10-29 19:54:00 回复(0)

开心的回笼觉觉主在刷代码

谁来告诉我b选项为什么是错的

发表于 2023-06-16 07:57:54 回复(0)

会编程的柠檬精刷了100道题

设置readonly = true，页面上无法修改内容，但是可以通过JavaScript修改,内容会被提交设置disabled = true,无法修改内容，也不会被提交

发表于 2023-03-17 08:49:29 回复(0)

想减肥的大菠萝说我这儿没问题啊

disabled和readonly这两个属性有一些共同之处，比如都设为true，则form属性将不能被编辑，往往在写代码的时候容易混合使用这两个属性，其实他们之间是有一定区别的：如果一个输入项的disabled设为true，则该表单输入项不能获取焦点，用户的所有操作（鼠标点击和键盘输入等）对该输入项都无效，最重要的一点是当提交表单时，这个表单输入项将不会被提交。而readonly只是针对文本输入框这类可以输入文本的输入项，如果设为true，用户只是不能编辑对应的文本，但是仍然可以聚焦焦点，并且在提交表单的时候，该输入项会作为form的一项提交。

发表于 2022-10-18 10:44:45 回复(0)

六时丶二一

设置readonly = true，页面上无法修改内容，但是可以通过JavaScript修改,内容会被提交设置disabled = true,无法修改内容，也不会被提交

发表于 2022-10-06 14:12:00 回复(0)

牛客227024865号

是脚本修改不是用户

发表于 2022-05-12 13:12:47 回复(0)

以下对form表单中input元素的readonly与dis

问题信息

热门推荐

相关试题