Отключенные поля формы не отправляют данные

Есть ли способ (с флагом атрибута или что-то в этом роде), чтобы включить поля формы, которые отключены для отправки данных?

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

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

Ответы

Ответ 2

Элементы с атрибутом Disabled не отправляются или вы можете сказать, что их значения не размещены.

то есть.

<input type="textbox" name="Percentage" value="100" disabled="disabled" />

FYI,

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

В вашем случае вы можете использовать атрибут readonly, выполнив это, вы сможете публиковать свои данные поля.

то есть.

<input type="textbox" name="Percentage" value="100" readonly="readonly" />

FYI,

  • Элементы только для чтения получают фокус, но не могут быть изменены пользователем.
  • Элементы только для чтения включены в навигацию по табуляции.
  • Элементы, доступные только для чтения, успешно отправлены.

Примечание: READONLY не работает с флажками и выбирает теги

Ссылка с

Ответ 3

Как уже было сказано: READONLY не работает для <input type='checkbox'> и <select>...</select>.

Если у вас есть флажок Form с отключенными флажками/выбирает И им нужно их отправить, вы можете использовать jQuery:

$('form').submit(function(e) {
    $(':disabled').each(function(e) {
        $(this).removeAttr('disabled');
    })
});

Этот код удаляет атрибут disabled из всех элементов в submit.

Ответ 4

Используйте CSS-события указателя: ни один из полей, которые вы хотите "отключить" (возможно, вместе с серым фоном), что позволяет выполнять действие POST, например:

<input type="text" class="disable">

.disable{
pointer-events:none;
background:grey;
}

Ссылка: https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events

Ответ 5

Мы также можем использовать только чтение только с атрибутами ниже -

readonly onclick = 'return false;'

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

Ответ 6

добавить CSS или класс к элементу ввода, который работает в select и текстовых тегах, таких как

style = "pointer-events: none; background-color: # E9ECEF"

Ответ 7

если вы хотите отключить поле или хотите отправить значение, вы можете попробовать это

<input type="hidden" name="Percentage" value="100"  />
<input type="textbox" name="Percentage" value="100" disabled />