Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > js-Tutorial > javascript中input中readonly和disabled区别介绍_表单特效

javascript中input中readonly和disabled区别介绍_表单特效

WBOY
Freigeben： 2016-05-16 17:49:00
Original
1249 Leute haben es durchsucht

Readonly和Disabled是用在表单中的两个属性，它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别，总结如下：

Readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，包括select, radio, checkbox, button等。但是表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而 readonly会将该值传递出去(这种情况出现在我们将某个表单中的textarea元素设置为disabled或readonly，但是submit button却是可以使用的)。

例子

复制代码 代码如下:

body>







js控制代码

复制代码 代码如下:










实例

复制代码 代码如下:





Untitled Document












属性 值 描述 disabled disabled

当 input 元素首次加载时禁用此元素，这样用户就无法在其中写文本，或选定它。
注释：不能与 type="hidden" 一同使用。

readonly readonly
指示此域的值不能被修改。
注释：仅可与 type="text" 配合使用。

总结

readonly代码:
readonly不可编辑，可复制，可选择,可以接收焦点但不能被修改，后台会接收到传值.
disabled代码:
disabled不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值
Verwandte Etiketten：
readonly
Quelle：php.cn
Vorheriger Artikel：Lazy Load 延迟加载图片的jQuery插件中文使用文档_jquery Nächster Artikel：JavaScript 用cloneNode方法克隆节点的代码_javascript技巧
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
function_exists() kann die benutzerdefinierte Funktion nicht ermitteln Funktionstest () {Verwendung der Verwendung durch -Durch -Durch -Durch -Durch -Durch -Durc...
Aus 2024-04-29 11:01:01
0
3
2060
So zeigen Sie die mobile Version von Google Chrome an Hallo Lehrer, wie kann ich Google Chrome in eine mobile Version umwandeln?
Aus 2024-04-23 00:22:19
0
11
2214
Das untergeordnete Fenster bedient das übergeordnete Fenster, aber die Ausgabe antwortet nicht. Die ersten beiden Sätze sind ausführbar, der letzte Satz jedoch nicht.
Aus 2024-04-19 15:37:47
0
1
1869
Im übergeordneten Fenster erfolgt keine Ausgabe document.onclick = function(){ window.opener.document.write('Ich bin die Ausgabe des unter...
Aus 2024-04-18 23:52:34
0
1
1753
Wo gibt es die Kursunterlagen zum CSS-Mindmapping? Kursunterlagen
Aus 2024-04-16 10:10:18
0
0
1779
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage