В чем разница между disabled="disabled" и readonly="readonly" для полей ввода HTML-формы?

Question

В чем разница между disabled="disabled" и readonly="readonly" для полей ввода HTML-формы?

Я немного читал об этом, но я не могу найти ничего твердого о том, как разные браузеры относятся к вещам. Я создаю приложение, которое должно быть совместимым с разделом 508 (доступно для чтения с экрана) и работать с IE 6.

591 5

html cross-browser section508

5 ответов:

Comments

Ничего не найдено.

oezi · Accepted Answer · 2018-08-01 10:11:46

A readonly элемент просто не редактируется, но отправляется, когда по form подчиняется. а disabled элемент не редактируется и не отправляется на отправку. Другое отличие заключается в том, что readonly элементы могут быть сфокусированы (и фокусироваться при "закладке" через форму) в то время как disabled элементы не могу.

подробнее об этом читайте в ~~это отличная статья~~ или определение по w3c. Чтобы процитировать важную часть:

Ключевые Отличия

атрибут disabled

значения для отключенных элементов формы не передаются в метод процессора. W3C называет это успешным элементом.(Это работает аналогично форма флажки,которые не установлены.)

некоторые браузеры могут переопределять или предоставлять стиль по умолчанию для отключенных элементов формы. (Серый или тиснение текста) Internet Explorer 5.5-это особенно неприятный о этот.

отключенные элементы формы не получают фокус.

отключенные элементы формы пропускаются в навигации по вкладкам.

Атрибут Только Для Чтения

не все элементы формы имеют атрибут только для чтения. Самое примечательное, что <SELECT>,<OPTION> и <BUTTON> элементы не только для чтения атрибуты (хотя твои оба имеют отключенные атрибуты)

браузеры не предоставляют значения по умолчанию переопределена визуальная обратная связь, что элемент формы доступен только для чтения. (Это может быть проблемой... см. ниже.)

элементы формы с набором атрибутов только для чтения будут переданы в процессор форм.

элементы формы только для чтения могут получить фокус

элементы формы только для чтения включены в навигацию с вкладками.

Hrishabh Gupta · Accepted Answer · 2013-09-14 07:59:21

никакие события не запускаются, когда элемент имеет отключенный атрибут.

ни один из приведенных ниже не будет срабатывать.
$("[disabled]").click( function(){ console.log("clicked") });//No Impact
$("[disabled]").hover( function(){ console.log("hovered") });//No Impact
$("[disabled]").dblclick( function(){ console.log("double clicked") });//No Impact
в то время как readonly будет запущен.
$("[readonly]").click( function(){ console.log("clicked") });//log - clicked
$("[readonly]").hover( function(){ console.log("hovered") });//log - hovered
$("[readonly]").dblclick( function(){ console.log("double clicked") });//log - double clicked

Michael Irigoyen · Accepted Answer · 2011-10-11 21:30:58

отключено означает, что данные из этого элемента формы не будут отправлены при отправке формы. Только для чтения означает, что любые данные из элемента будут отправлены, но они не могут быть изменены пользователем.

например:
<input type="text" name="yourname" value="Bob" readonly="readonly" />
это отправит значение " Bob "для элемента"yourname".
<input type="text" name="yourname" value="Bob" disabled="disabled" />
это не будет представлять ничего для элемента "yourname".

user1787700 · Accepted Answer · 2015-06-19 12:12:05

элементы с отключенным атрибутом не будут отправлены или могут сказать, что их значения не будут отправлены с запросом.

т. е.
<input type="textbox" name="field" value="field" disabled="disabled" />
разница

отключенные элементы управления не получают фокус.

отключенные элементы управления пропускаются в навигации по вкладкам.

отключенные элементы управления не могут быть успешно размещены.

использовать атрибут только для чтения в случае, если вы хотите разместить свое поле данные.

т. е.
<input type="textbox" name="field" value="field" readonly="readonly" />
читать-только элементы получают фокус, но не могут быть изменены пользователем.

элементы только для чтения включены в навигацию по вкладкам.

элементы только для чтения успешно размещены.

Tim · Accepted Answer · 2011-10-11 21:33:14

Так же, как и другие ответы (отключено не отправляется на сервер, только для чтения), но некоторые браузеры предотвращают выделение отключенной формы, в то время как только для чтения все еще можно выделить (и скопировать).

http://www.w3schools.com/tags/att_input_disabled.asp

http://www.w3schools.com/tags/att_input_readonly.asp

поле только для чтения не могут быть изменены. Однако пользователь может перейти к нему, выделить его и скопировать текст из него.