Для чего нужен атрибут name
Разница между атрибутами id и name в HTML
Я хотел бы знать (в частности, в отношении HTML-форм), необходимо или не рекомендуется использовать оба метода по любым причинам.
У этой ссылки есть ответы на один и тот же основной вопрос, но в основном идентификатор используется для идентификации скриптов, а имя для серверной стороны.
Конечно, там больше, чем это, но это определенно заставит вас думать в правильном направлении.
Вот краткое резюме:
id используется для идентификации элемента HTML через Document Object Model (с помощью JavaScript или в стиле CSS). Ожидается, что id будет уникальным на странице.
name соответствует элементу формы и идентифицирует, что отправлено обратно на сервер.
В чем разница? Короткий ответ: используйте оба и не беспокойтесь об этом. Но если вы хотите понять эту глупость, она тощая:
name= также используется для обозначения полей в сообщении, отправляемых на сервер с HTTP (HyperText Transfer Protocol) GET или POST, когда вы нажимаете submit в форме.
id = обозначает поля для использования JavaScript и Java DOM (Document Object Model). Имена в name= должны быть уникальными в пределах формы. Имена в быть уникальными внутри всего документа.
Иногда имена name= и отличаться, потому что сервер ожидает одно и то же имя из разных форм в том же документе или разных радиокнопках в той же форме, что и в примере выше. быть уникальным; name= не должен быть.
JavaScript нуждался в уникальных именах, но здесь было слишком много документов без уникальных имен name=, поэтому люди W3 изобрели тег id, который должен был быть уникальным. К сожалению, старые браузеры этого не понимали. Поэтому вам нужны обе схемы именования в ваших формах.
Как я думаю об этом и использую его просто:
id используется для CSS и JavaScript/jQuery (должен быть уникальным на странице)
name устарел для целей ссылки и недействителен в HTML5. Он больше не работает, по крайней мере, в последнем Firefox (v13). Измените на
и т.д., которая часто является чистым кодом.
Как говорят другие сообщения, name по-прежнему используется (требуется) в формах. Он также по-прежнему используется в тегах META.
name Vs id
), атрибут name живет, потому что по-прежнему требуется установить пару имя-значение для отправки формы. Кроме того, мы обнаруживаем, что некоторые элементы, особенно кадры и ссылки, могут продолжать использовать атрибут name, потому что часто полезно извлекать эти элементы по имени.
Существует четкое различие между идентификатором и именем. Очень часто, когда имя продолжается, мы можем установить значения одинаковыми. Тем не менее, идентификатор должен быть уникальным, а имя в некоторых случаях не должно включать радиокнопки. К сожалению, уникальность значений id, в то время как улавливается проверкой разметки, не так согласована, как должна быть. Реализация CSS в браузерах будет стилизовать объекты, которые имеют значение id; таким образом, мы не можем улавливать ошибки разметки или стиля, которые могут повлиять на наш JavaScript до выполнения.
Это взято из книги JavaScript- The Complete Reference by Thomas-Powell
Разница между атрибутами id и name в HTML
Я хотел бы знать (в частности, в отношении HTML-форм), необходимо или не рекомендуется использовать оба метода по любым причинам.
ОТВЕТЫ
Ответ 1
Конечно, там больше, чем это, но это определенно заставит вас думать в правильном направлении.
Ответ 2
Ответ 3
Вот краткое резюме:
id используется для идентификации элемента HTML через Document Object Model (с помощью JavaScript или в стиле CSS). Ожидается, что id будет уникальным на странице.
name соответствует элементу формы и идентифицирует, что отправлено обратно на сервер.
Ответ 4
Какая разница? Короткий ответ: используйте оба и не беспокойтесь об этом. Но если вы хотите понять эту глупость, вот тощий
name = также используется для обозначения полей в сообщении, отправляемых на сервер с помощью HTTP (HyperText Transfer Protocol) GET или POST при нажатии кнопки отправки в форме.
поля для использования JavaScript и Java DOM (объектная модель документа). Имена в name = должны быть уникальными внутри формы. Имена в быть уникальными во всем документе.
Иногда имена name = и отличаться, потому что сервер ожидает одно и то же имя от различных форм в одном и том же документе или различных переключателей в той же форме, что и в примере выше. Идентификатор = должен быть уникальным; имя = не должно быть
JavaScript требовал уникальных имен, но здесь уже было слишком много документов без уникальных name = names, поэтому специалисты W3 изобрели тег id, который должен был быть уникальным. К сожалению, старые браузеры этого не поняли. Таким образом, вам нужны обе схемы именования в ваших формах.
Ответ 5
Как я думаю об этом и использую его просто:
id используется для CSS и JavaScript/jQuery (должен быть уникальным на странице)
Ответ 6
Ответ 7
), атрибут name живет, потому что по-прежнему требуется установить пару имя-значение для отправки формы. Кроме того, мы обнаруживаем, что некоторые элементы, особенно кадры и ссылки, могут продолжать использовать атрибут name, потому что часто полезно извлекать эти элементы по имени.
Существует четкое различие между идентификатором и именем. Очень часто, когда имя продолжается, мы можем установить значения одинаковыми. Тем не менее, идентификатор должен быть уникальным, а имя в некоторых случаях не должно включать радиокнопки. К сожалению, уникальность значений id, в то время как улавливается проверкой разметки, не так согласована, как должна быть. Реализация CSS в браузерах будет стилизовать объекты, которые имеют значение id; таким образом, мы не можем улавливать ошибки разметки или стиля, которые могут повлиять на наш JavaScript до выполнения.
Это взято из книги JavaScript- The Complete Reference by Thomas-Powell
Ответ 8
name устарел для целей ссылки и недействителен в HTML5. Он больше не работает, по крайней мере, в последнем Firefox (v13). Измените на
и т.д., которая часто является чистым кодом.
Как говорят другие сообщения, name по-прежнему используется (требуется) в формах. Он также по-прежнему используется в тегах META.
Ответ 9
Ответ 10
У этой ссылки есть ответы на один и тот же основной вопрос, но в основном идентификатор используется для идентификации скриптов, а имя для серверной стороны.
Ответ 11
name Vs id
Когда форма отправлена, данные формы будут включены в заголовок HTTP следующим образом:
Если вы добавите атрибут идентификатора, он ничего не изменит в заголовке HTTP. Это просто упростит привязку его к CSS и JavaScript.
Ответ 13
Этот бит все еще работает в Firefox, хотя я предполагаю, что в будущем он не сможет быть разрешен.
У вас может быть несколько полей ввода с одинаковым именем, если вы не планируете подавать старомодный способ.
Ответ 14
Ниже приведено интересное использование атрибута id. Он используется в теге и используется для идентификации формы для элементов за пределами границ, чтобы они были включены в другие поля в форме.
Ответ 15
Id: 1) Он используется для идентификации элемента HTML через объектную модель документа (через Javascript или в стиле CSS). 2) Идентификатор должен быть уникальным на странице.
Имя соответствует элементу формы и указывает, что отправлено обратно на сервер. Пример:
Ответ 16
Тег «id» используется CSS и JavaScript для назначения стилей и действий над элементом ввода. Библиотеки, такие как jquery, используют идентификатор как ярлык, поэтому его обычно полезно устанавливать.
Однако вы можете использовать JavaScript для отправки своих форм через AJAX, что означает, что вы никогда не отправляете переменные формы через GET или POST через прямое представление веб-браузера. В этом случае поле имени не нужно, хотя это не очень удобно.
Ответ 17
ID я использовал для однозначной идентификации элемента.
Имя используется в формах. когда даже вы отправляете форму. и если вы не дадите никакого имени, ничего не будет представлено. И те, у кого только атрибут имени, исчезнут.
Ответ 18
Основываясь на личном опыте и в соответствии с описанием W3 Schools для атрибутов:
Ответ 19
Идентификатор элемента ввода формы не имеет ничего общего с данными, содержащимися в элементе. Идентификаторы предназначены для подключения элемента с помощью JavaScript и CSS. Атрибут name, однако, используется в HTTP-запросе, отправленном вашим браузером на сервер, в качестве имени переменной, связанного с данными, содержащимися в атрибуте value.
HTML-теги и атрибуты, о которых вы, возможно, не знали
Эта статья — шпаргалка по HTML-тегам. Поэтому не будем разглагольствовать, сразу к делу.
address
Тег address определяет контактную информацию об авторе или владельце документа или статьи. Контактная информацию может включать в себя адрес электронной почты, адрес сайта, физический адрес, номер телефона, ссылки на аккаунты в социальных сетях и т.д.
audio
Тег audio используется для встраивания аудио-контента (музыка и др.) в веб-страницу.
video
Тег video используется для встраивания видео-контента (видеоклип и др.) в веб-страницу.
Тег base определяет основной путь ( URL ) и/или цель ( target ) для всех относительных путей в документе. Он должен размещаться в теге head и иметь хотя бы один из следующих атрибутов:
blockquote и cite
Тег cite определяет название какой-либо работы (книги, стихотворения, песни, фильма, картины, скульптуры и т.д.). Он также может представлять из себя ссылку на источник цитаты.
Тег code используется для определения части компьютерного кода:
Для форматирования блока кода code часто используется совместно с тегом pre :
datalist
Тег datalist определяет список возможных вариантов для заполнения поля для ввода текста. Он позволяет реализовать «автозавершение» для элемента input : при установке фокуса на такое поле пользователь видит выпадающий список.
Свойство options объекта Datalist возвращает коллекцию всех элементов списка.
Внутри dd могут размещаться параграфы, изображения, ссылки, списки и т.д.
details
По умолчанию details находится в закрытом состоянии.
Внутри details могут размещаться любые теги.
Индикатором открытого состояния details является атрибут open (этот атрибут может использоваться в качестве CSS-селектора — details[open] или JavaScript-селектора — document.querySelector(‘[open]’) ).
dialog
Тег dialog определяет диалоговое окно. Он используется для создания «попапов» и модальных окон.
По умолчанию dialog находится в неактивном состоянии.
figure
Тег figure определяет обособленный (автономный) контент, такой как иллюстрации, диаграммы, фотографии, примеры кода и т.д.
Несмотря на то, что контент элемента figure формально относится к основному потоку (main flow), его позиция (местонахождение) не зависит от этого потока. Поэтому удаление элемента figure не должно влиять на поток документа.
meter
Тег meter определяет скалярное значение в пределах известного диапазона или дробного значения. Другими словами, meter определяет меру чего-либо (gauge).
Этот тег не должен использоваться в качестве индикатора прогресса.
Так можно записать уровень заряда батареи вашего устройства в значение meter :
progress
Тег progress определяет процесс выполнения задачи.
Этот тег не должен использоваться для определения меры чего-либо.
Так можно реализовать десятисекундный таймер:
output
Тег output используется для представления результата вычислений.
picture
Тег picture предоставляет возможность использования нескольких источников для изображения (нескольких изображений).
Этот тег позволяет использовать разные изображения в зависимости от ширины области просмотра (viewport width) вместо масштабирования одного изображения.
template
Тег template используется в качестве контейнера для разметки, которая не отображается при загрузке страницы.
Этот тег предназначен для хранения разметки, которая используется часто, но в определенных случаях (по запросу).
Тег time определяет конкретное время (или дату и время).
Атрибут datetime используется для представления времени в машиночитаемом формате.
noscript
Другие теги в форме шпаргалок
Семантическое «секционирование» страницы
Стилизация текста
Форма
Поля для ввода данных
Пример валидации адреса электронной почты и пароля:
Таблица
Теги colgroup и col могут использоваться для стилизации определенных колонок таблицы целиком вместо стилизации каждой ячейки и строки по отдельности.
Послесловие
Наши виртуалки можно использовать для разработки веб-сайтов.
Зарегистрируйтесь по ссылке выше или кликнув на баннер и получите 10% скидку на первый месяц аренды сервера любой конфигурации!
Тег form в html
Тег form в html — описание
Тег form добавляет контейнер для размещения элементов управления, с которыми пользователи могут взаимодействовать, чтобы отправить информацию на сервер. Форма используется для сбора информации о посетителях сайта, комментариев, мнений и многого другого. А также для авторизации на некоторых сайтах.
Кроме этого HTML тег form представляет собой контейнер для других элементов управления. Ниже приведен их перечень:
Формы являются мощным инструментом, который не только помогает собирать ценную информацию о пользователях, но и позволяет разработчикам создавать сложные приложения.
Примеры
В следующих примерах мы рассмотрим некоторые из атрибутов тега form с несколькими элементами управления.
В нашем первом примере создается простая форма авторизации с тремя элементами: текстовое поле, поле для ввода пароля и кнопка отправки данных. Тег form action и method указывают местоположение скрипта, отвечающего за обработку данных формы, и метод, используемый для их отправки.
Атрибут target определяет вывод результатов в новом окне/вкладке. Страница, на которой будут выведены результаты обработки, специально предназначена для того, чтобы вы поняли механизм работы форм. Скрипт формы выполняется на сервере до вывода результатов.
Обратите внимание, что мы используем для атрибута method значение « GET » просто для разнообразия. Это позволит при открытии нового окна с результатами обработки данных формы увидеть в адресной строке браузера пару имя / значение.
Кроме этого, наша форма должна содержать поле для выбора загружаемого файла через проводник.
Атрибуты
Специальные атрибуты тега form :
ACCEPT-CHARSET
Разделенный пробелами список кодировок символов, которые должны использоваться в форме. Список должен быть отсортирован по приоритетности.
AUTOCOMPLETE
Одно из двух значений этого атрибута тега form указывают браузеру, должен ли он отображать варианты для поля ввода элемента управления. Браузеры обычно выполняют это действие, извлекая данные из базы, содержащей введенные ранее. Возможно два значения, оба не зависят от регистра:
ENCTYPE
Значение, указывающее метод, который будет использоваться для кодирования данных при отправке формы. Возможны три значения, которые не зависят от регистра:
METHOD
Метод, который должны использовать браузеры для отправки данных формы. Возможны три значения, без учета регистра:
Имя формы. Это значение не может быть пустой строкой и должно отличаться от имен других форм.
ACCEPT
Указывается разделенный запятыми список разрешенных типов контента. Это может быть полезно при загрузке файлов для фильтрации на стороне клиента типов файлов.
Тонкости использования селекторов аттрибутов в CSS
h2 id =»first-title» class =»magical» rel =»friend» > David Walsh h2 >
Существует множество селекторов атрибутов, мы не будем рассматривать все возможные варианты, рассмотрим наиболее полезные сценарии, встречающиеся в реальном мире.
[rel = external] — Точное совпадение значения атрибута
h1 rel =»external» > Attribute Equals h1 >
a href =»http://perishablepress.com» > Jeff Starr a >
a href =»http://davidwalsh.name» > David Walsh a >
a href =»http://accidentalninja.net/» > Richard Felix a >
Это единственный способ получить различные типы инпутов без добавления дополнительной разметки.
[rel *= external] — Атрибут содержит некоторое значение в любом месте
h1 rel =»xxxexternalxxx» > Attribute Contains h1 >
div id =»post_1″ > div >
div id =»post_two» > div >
div id =»third_post» > div >
[rel ^= external] — Атрибут начинается с определенного значения
h1 rel =»external-link yep» > Attribute Begins h1 >
Это будет соответствовать ссылке на главную и второстепенные страницы.
h1 rel =»friend external» > Attribute Ends h1 >
= external] — Атрибут содержит значение в списке разделенном пробелами
h1 rel =»friend external sandwich» > Attribute Space Separated h1 >
[rel |= external] — Атрибут содержит значение в списке разделенном тире
h1 rel =»friend-external-sandwich» > Attribute Dash Separated h1 >
[title = one][rel ^= external] — Совпадение нескольких атрибутов
h1 rel =»handsome» title =»Important note» > Multiple Attributes h1 >