Input name css: html — Can I apply a CSS style to an element name?

name атрибут HTML теґа input

  • Головна
  • html
  • теґи
  • <input>
  • name

Атрибут name задає унікальне ім’я елементу <input>.

Атрибут name використовується для посилання на елемент в JavaScript чи при зверненні на дані форми після того, як форма була відправлена.

Нотатка:

Тільки елементи з атрибутом імені будуть мати свої значення та будуть відправлені на сервер при відправці форми.

Порада:

В якості значення атрибута name використовується набір символів, включаючи числа і букви. JavaScript чутливий до регістру, тому при зверненні до елементу по імені дотримуйтесь тієї ж форми написання, що і в атрибуті name.

Запропонувати свою пораду чи нотатку

ПорадаНотатка

Синтакс

<input name="text">

Атрибут name може отримувати єдине значення :

text

Ім’я елемента форми.

Переглядачі

  • Стаціонарні переглядачі
  • Мобільні переглядачі
Переглядач

1+

1+

1+

1+

2+

12+

Переглядач

1+

1+

1+

1+

Приклади

  • Приклад 1

Найпростіший приклад використання HTML атрибута name теґа <input>

See the Pen Input_name_css_in_ua by css.

in.ua (@css_in_ua) on CodePen.

Різниця між HTML 4.01 та HTML5


Немає

Різниця між XHTML та HTML


Немає жодної різниці.

javascript — селектор CSS для атрибута имени?

спросил

Изменено 6 лет, 5 месяцев назад

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

Это может быть глупый вопрос, но что такое селектор CSS для атрибута , то есть «имя»?

 document.body.innerHTML = myString.anchor("HTML_String")
 

Этот JavaScript создает элемент с именем "HTML_String". Как мне получить доступ только к этому элементу в моем CSS?

3

CSS не имеет специального синтаксиса селектора для атрибутов имени.

Вы должны использовать общий синтаксис селектора атрибутов.

[att=val] Представляет элемент с атрибутом att, значение которого точно равно «val».

0

Существует селектор [name="name"] , но он не совсем кросс-браузерный. Старые версии Internet Explorer не поддерживают селектор по атрибуту HTML (хотя этот браузер……..).

Я предлагаю всегда использовать class es для CSS (даже для уникальных элементов) и id для JavaScript, в то время как вы оставите имя для внутреннего программирования.

Добавьте класс к элементу, а затем a.myclass

4

используйте селектор CSS [attribute=value], вы можете получить к нему доступ, используя:

 a[name=HTML_STRING] {
  //ваш css
}
 
 [имя = "ваше имя"]
 

или если он должен иметь любое имя:

 [имя]
 

пример для ввода:

 input. myClass[name="greatName"] {
    ...
}
 

Но если ваш вопрос заключается в том, как искать что-то в вашем «innerHTML»: это невозможно.

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

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

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

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

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

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

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

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

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

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

html.

Можно ли применить CSS к элементу, имя которого содержит определенную строку?

спросил

Изменено 7 лет, 5 месяцев назад

Просмотрено 316 раз

Я знаю, что могу применять стили CSS к элементу на основе его имени:

 input[name=description] {
    ширина: 200 пикселей;
}
 

Но можно ли применять стили CSS к элементам, которые содержат определенную строку в своем имени?

Представьте несколько входных данных:

 



так далее...
 

Итак, я просто хочу применить стили к входам, имя которых содержит слово «Описание». =значение] Представляет элемент с именем атрибута attr и чье значение имеет префикс «значение». [атрибут$=значение] Представляет элемент с именем атрибута attr и чье значение имеет суффикс «значение». [атрибут*=значение] Представляет элемент с именем атрибута attr и чье значение содержит хотя бы одно вхождение строка «значение» в качестве подстроки.

Источник

4

Да, это

 input[name*=Description] {
  ширина: 200 пикселей;
  фон: фиолетовый;
} 
 


 

1. Селекторы атрибутов

Селекторы атрибутов

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

Можно указать только атрибут элемента, поэтому все элементы, иметь этот атрибут — каким бы ни было значение — в HTML будет целевые, или быть более конкретными и целевыми элементами, которые имеют определенные значения их атрибутов — и именно здесь селекторы атрибутов показать свою мощь.

Существует 6 различных типов селекторов атрибутов:

[att=value] — Атрибут должен иметь точное указанное значение.

[att~=value] — Значение атрибута должно быть разделено пробелом список слов (например, class=”title Featured Home”) и одно из слова точно соответствует указанному значению.

[атт|=значение] — значение атрибута равно «значению» или начинается с слово «значение» и сразу за ним следует «-», так что это будет «ценность-«. 9=значение] — Значение атрибута начинается с указанного значения.

[att$=value] — Значение атрибута заканчивается указанным значением.

[att*=value] — Значение атрибута содержит указанное значение.

щелкните здесь, чтобы получить более подробную информацию о селекторе атрибутов


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

ввод[имя*=описание] вместо ввод[имя*=описание]

4

Вы можете даже рекламировать данные, если хотите.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *