HTML-тег, чтобы просто дать тексту идентификатор

Question

Есть ли html-тег для простого присвоения тексту идентификатора / класса?Допустим, у меня есть текст «электронная почта» перед тегом input, и я хочу изменить текст (с помощью js) при нажатии кнопки.Мне нужен идентификатор ... p выбрасывает ввод на новой строке (чего я не хочу), а font немного устарел.Есть идеи?

Answer 1

Элемент <span> является общим (т.е. не имеет связанной семантики) встроенным элементом, который можно использовать для маркировки некоторого содержимого для доступа через CSS / JS / и т. Д.

Однако «текст»электронная почта «перед входом» звучит очень похоже на <label> элемент , поэтому вам, вероятно, следует использовать его вместо этого.

Answer 2

Элемент для описания последующего тега input должен быть тегом label, который должен иметь атрибут for, содержащий имя соответствующего тега input.Поэтому вы можете выбрать этот элемент как метку с определенным атрибутом.

Пример

<label for="email">Email: </label><input type="text" name="email" />

и выделить его и изменить его текст:

jQuery('label[for=email]').text('your new label text');

Обратите внимание, чтоэто решение only (для маркировки входов), которое также соответствует стандартам доступности.

Вы можете стилизовать его как угодно, используя CSS.

Answer 3

<span id="..." class="..."></span> - это элемент, который вы ищете, он остается полностью встроенным и не перемещает контент, но все же доступен через JavaScript.