Readonly и отключили оба разрешения пользователям не изменять контент в поле формы. Но между ними есть небольшие различия, и краткое изложение следующего:
Readonly работает только для ввода (текст/пароль) и Textarea, в то время как отключен действителен для всех элементов формы. Однако после того, как элемент формы использует отключенные, когда мы отправляем форму в Post или GET, значение этого элемента не будет опубликовано, и Readonly выпустит значение (Readonly принимает изменение значения и может быть передано, отключить принятие изменения, но не возвращает данные).
Как правило, наиболее часто используемыми ситуациями являются:
Уникальный идентификационный код предварительно заполнен для пользователя в форме, и пользователь не допускает изменений, но значение должно быть передано при отправке, и его свойства должны быть установлены на Readonly.
Он часто встречается, когда пользователь официально представляет форму и необходимо ждать, пока информация администратора будет проверить. Это не позволяет пользователю снова изменить данные в форме, но может только просмотреть их. Поскольку диапазон отключенных элементов большой, в настоящее время следует использовать отключенные, но в то же время следует отметить, что кнопка отправки также должна быть отключена. В противном случае, пока пользователь нажимает эту кнопку, если на странице работы базы данных не будет выполнено обнаружение целостности, значение в базе данных будет очищено. Если вы используете Readonly вместо отключения в этом случае, если в форме есть только ввод (текст/пароль) и текстовые элементы, это все еще возможно. Если есть и другие отправленные элементы, такие как Select, пользователь может нажать клавишу Enter, чтобы отправить после переписывания значения (Enter - это клавиша триггера отправки по умолчанию)
Мы часто используем JavaScript, чтобы отключить кнопку «Отправить» после того, как пользователь нажимает кнопку отправки. Это может помешать пользователю неоднократно нажать кнопку отправки в средах с плохими условиями сети, что приводит к избыточному хранимым данным в базе данных.
Два свойства инвалидов и Readonly имеют некоторые общие черты. Например, если оба установлены на истину, свойство формы не будет отредактировано. Часто при написании кода JS часто легко смешивать эти два свойства. На самом деле, между ними есть определенные различия:
Если отключение элемента ввода установлен на TRUE, элемент ввода формы не может получить фокус, и все операции пользователя (щелчки мыши и входы клавиатуры и т. Д.) Недопустимы для входного элемента. Наиболее важным моментом является то, что при подаче формы элемент ввода формы не будет представлен.
Readonly предназначен только для элементов ввода, которые могут вводить текст, такие как поля ввода текста. Если установить на TRUE, пользователь просто не может редактировать соответствующий текст, но все же может сосредоточиться на фокусе и при отправке формы, ввод элемент будет отправлен в виде формы.