Введенный контент представляет собой подробный анализ метода использования атрибута атрибута <label> тега в HTML5. Этот веб -сайт содержит подробный анализ методов использования атрибутов в этой статье <babel> и объясняет соответствующий тег метки HTML5 для технологии атрибутов и знаний в статье. Добро пожаловать, чтобы дать вам поддержку и помощь в этом отношении! Ниже приведены подробности:
Введенный контент представляет собой подробный анализ метода использования атрибута атрибута <label> тега в HTML5.
В разделе Create a Set of Radio Buttons учебника HTML на FreeCodeCamp я увидел этот отрывок,
Считается наилучшей практикой установить A для атрибута на элементе метки со значением, которое соответствует значению атрибута ID входного элемента. Это позволяет вспомогательным технологиям создавать связанную связь между меткой и элементом ввода дочерних.
Примерно смысл: лучший способ сделать это - добавить for к тегу label , а его значение совпадает с значением атрибута id input тега для создания ассоциации между меткой и входом.
В то же время дается образец кода следующим образом:
<!-код 1-> <Метка для = indoor> <input id = undoor type = radio name = indoor-outdoor> undoor </label>
В коде значение атрибута для метки совпадает с значением атрибута ID ввода. Из этого кода вы не можете увидеть, где находится ассоциация.
Определение атрибута метки следующим образом:
Для атрибута указывается, к какой форме элемент A -метка связана.
Перевод: для атрибута указывает, какой элемент в форме связан.
Пример кода:
<!-- Code 2 --><form action=/action_page.php> <input type=radio name=gender id=male value=male> <label for=male>Male</label> <br> <input type=radio name=gender id=female value=female> <label for=female>Female</label> <br> <input type=radio name=gender id=other value=other> <label for=other>Other</label> <br> <input type = отправить значение = отправить> </form>
Сравнивая две части кода, это не сложно выяснить.
Отношение включения между меткой и входной тегом отличается. Метка и ввод кода 1 относятся к отношению к включению, в то время как этикетка и ввод кода 2 относительно независимы.
Метка и ввод расположены по -разному на странице. Через инструменты разработчика Chrome нетрудно обнаружить, что выполняющие результаты кода 1, тег метки охватывает входной тег, выполняемые результаты кода 2, тег метки и тег ввода параллельны.
Метка и вход соответствуют одному. Нажмите содержимое метки, и будет выбрана соответствующая односторонняя кнопка.
Если мы удалим атрибут для метки в двух кодах, то предыдущая точка 1 и точка 2 останутся неизменной, и изменение - точка 3. Для результатов работы кода 1 нажмите содержимое метки, и вы все равно можете выбрать радиопроизводительность. Код 2 отличается. Если вы нажмете содержимое метки, радиопроизводительная кнопка не может быть выбрана.
После простого сравнения результатов запуска кода мы можем убедиться, что отрывок, указанный в начале статьи, является правильным. Эта практика добавления для атрибутов к меткам может улучшить качество кода.
Подробный анализ методов использования атрибутов тега <backel> в HTML5 здесь. Вы можете добавить URL -адрес этой страницы http://www.vevb.com/web/a/2018090496006.shtml для доступа к нему в следующий раз.