Html readonly select: javascript — HTML form readonly SELECT tag/input

Leave a Comment / Html / By /

html — селектор только для чтения не работает с тегом select?

спросил

Изменено 3 года, 9 месяцев назад

Просмотрено 2к раз

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

Я не могу отключить его, потому что он не будет отправляться вместе с деталями формы, это то, что я пробовал в редакторе w3school: —

 select: -moz-только для чтения {
  /* Для Firefox */
  события-указатели: нет;
}

выбрать: только для чтения {
  события-указатели: нет;
} 
 
 ПРИНЯТО 

<выбрать только для чтения>
  <опция>1
  <опция>
 
2
  <опция>3




 UNACCEPTED : здесь также применяется селектор 

<выбрать>
  <опция>1
  <опция>2
  <опция>3
  • html
  • css

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

 select[только для чтения]:-moz-только для чтения {
  /* Для Firefox */
  события-указатели: нет;
}

выберите [только для чтения]: только для чтения {
  события-указатели: нет;
} 
 
 ПРИНЯТО 

<выбрать только для чтения>
  <опция>1
  <опция>2
  <опция>3




 UNACCEPTED : здесь также применяется селектор 

<выбрать>
  <опция>1
  <опция>2
  <опция>3

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

Добавление некоторых деталей на основе комментариев,

Вы можете отключить фокус вкладки, используя атрибут tabindex со значением, установленным на false в теге select

Кроме того, вы не должны полагаться на данные передается со стороны клиента, если он предназначен только для чтения. Вам необходимо иметь надлежащую проверку в бэкэнде, которая не позволит пользователю передавать какие-либо ложные или вредоносные данные. Независимо от того, что вы используете, простое решение HTML CSS, подобное приведенному выше, или отключение клавиш с помощью JavaScript, вы не можете запретить пользователю изменять значение тега.

2

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

Вот как это будет работать:

 
 ПРИНЯТО 

<выбрать отключено>
  <опция>1
  <опция>2
  <опция>3




 UNACCEPTED : здесь также применяется селектор 

<выбрать>
  <опция>1
  <опция>2
  <опция>3

4

Зарегистрируйтесь или войдите в систему

Зарегистрируйтесь с помощью Google

Зарегистрироваться через Facebook

Зарегистрируйтесь, используя адрес электронной почты и пароль

Опубликовать как гость

Электронная почта

Требуется, но никогда не отображается

Опубликовать как гость

Электронная почта

Требуется, но не отображается

CSS: псевдокласс только для чтения

❮ Пред. Следующий ❯

Селектор :read-only выбирает элементы, которые доступны только для чтения. Это элементы, которые пользователь не редактирует.

Редактируемые элементы включают:

  • Элементы , которые не доступны только для чтения и не отключены.