Значение url
‒ URL поле;
‒ наведение курсора;
‒ фокус.
Поддержка браузерами
Спецификация
| Верс. | Раздел |
|---|---|
| HTML | |
| 2.0 | |
| 3.2 | |
| 4.01 | |
| 5.0 | 4.10.5.1.4 URL state (type=url) |
| 5.1 | 4.10.5.1.4. URL state (type=url) |
| XHTML | |
| 1.0 | |
| 1.1 | |
Сопутствующие атрибуты
autocomplete Автозаполнение значения URL поля. autofocus Автоматческая фокусировка на URL поле после полной загрузки страницы. disabled Блокировка URL поля.
disabled=»disabled»
form Присоединение URL поля к форме. list Создание списка рекомендованных вариантов URL-адресов.
maxlength Задаёт максимально-допустимое количество вводимых символов. minlength Задаёт минимально-допустимое количество вводимых символов. name Присваивает имя URL полю. pattern Устанавливает критерий/шаблон ввода. placeholder Указывает текст-подсказку для пустого поля.
placeholder=»Текст-подсказка»
readonly Указывает, что URL поле доступно только для чтения (изменение/редактирование запрещено). required Указывает, что URL поле обязательно для заполнения. size Задаёт ширину URL поля по количеству вводимых символов.
size=»10″
value Указывает значение URL поля (отправляется на сервер или используется скриптами).
Примечание: Данный атрибут должен иметь значение, которое является допустимым URL-адресом не содержит символов «LF» ПЕРЕВОД СТРОКИ [ U+000A ] или «CR» ВОЗВРАТ КАРЕТКИ [ U+000D ].
value=»www.example.ex»
Веб-адрес
Для ввода адресов сайтов или, как их ещё называют веб-адресов, предназначено значение url тега , которое делает проверку на правильность ввода данных. Каждый веб-адрес должен начинаться с протокола (http://, https://, ftp://), больше ограничений нет — адрес может быть набран латинскими символами, кириллицей, содержать точку или наоборот, писаться без неё. Браузер Opera не требует даже наличие протокола, подставляя «http://» перед текстом автоматически в случае его отсутствия.
Синтаксис написания поля для веб-адреса следующий.
Атрибуты совпадают с текстовым полем ( ).
В примере 1 показано использование поля для веб-адреса, которое должно быть заполнено перед отправкой формы.
Пример 1. Ввод адреса сайта
HTML5 IE 10+ Cr Op Sa Fx
В данном примере при нажатии на кнопку «Отправить» браузер будет выводить сообщение, что необходимо правильно ввести URL. Вид и текст сообщения зависит от браузера, Firefox выводит предупреждение как показано на рис. 1, а Chrome — как показано на рис. 2.
Рис. 1. Вид сообщения в Firefox
Рис. 2. Вид сообщения в Chrome
Opera не выводит предупреждений при вводе неверного веб-адреса, исправляя его автоматически.
По своему виду поле для веб-адреса не отличается от текстового, за исключением браузера Opera, который несколько увеличивает ширину поля для веб-адреса.
HTML | input type url
Когда атрибут type элемента ввода input находится в состоянии URL, применяются правила этого раздела.
Элемент ввода input представляет собой элемент управления для редактирования одного абсолютного URL-адреса, заданного в значении элемента.
Если элемент является изменяемым (mutable), пользовательский агент должен позволить пользователю изменить URL-адрес, представленный его значением. Пользовательские агенты могут позволить пользователю установить значение в строку, которая не является допустимым абсолютным URL-адресом, но могут также или вместо этого автоматически экранировать символы, введённые пользователем, чтобы значение всегда было допустимым абсолютным URL-адресом (даже если это не фактическое значение, видимое и редактируемое пользователем в интерфейс). Пользовательские агенты должны позволять пользователю устанавливать значение в пустую строку. Агенты пользователя не должны разрешать пользователям вставлять в значение символы ПЕРЕВОДА СТРОКИ U+000A (LF) или возврата КАРЕТКИ U+000D (CR).
Атрибут value, если он указан и не пуст, должен иметь значение, которое является допустимым URL-адресом, потенциально окружённым пробелами, который также является абсолютным URL-адресом.
Проверка ограничений: хотя значение элемента не является ни пустой строкой, ни действительным абсолютным URL-адресом, элемент страдает от несоответствия типов.
Детали учёта
К элементу применяются следующие общие атрибуты содержимого элемента ввода input, атрибуты IDL и методы:
autocomplete (автозаполнение), list , (список), maxlength , (максимальная длина), minlength , (минимальная длина), pattern , (шаблон), placeholder , (заполнитель), readonly , (атрибуты содержимого только для чтения), required , (обязательные атрибуты), and size , (размер);
select() , setRangeText() и setSelectionRange() .
IDL-атрибут value находится в режиме значения.
Применяются события ввода input и изменения change.
Следующие атрибуты содержимого не должны указываться и не применяются к элементу: accept, alt, checked, dirname, formaction, formenctype, formmethod, formnovalidate, formtarget, height, max, min, multiple, src, step и width.
К элементу не применяются следующие IDL-атрибуты и методы: checked, files, valueAsDate и valueAsNumber IDL-атрибуты; методы stepDown() и stepUp() .
Пример
Если документ содержал следующую разметку:
… и пользователь набрал « spec.w «, и пользовательский агент также обнаружил, что пользователь посетил « https://url.spec.whatwg.org/#url-parsing » и « https://streams.spec .whatwg.org/ » в недавнем прошлом, то рендеринг может выглядеть так:
Первые четыре URL-адреса в этом примере состоят из четырех URL-адресов в указанном автором списке, которые соответствуют тексту, введённому пользователем, отсортированному определённым способом (возможно, по тому, как часто пользователь обращается к этим URL-адресам). Обратите внимание, как агент пользователя использует информацию о том, что значения являются URL-адресами, чтобы позволить пользователю опустить часть схемы и выполнить интеллектуальное сопоставление имени домена.
Последние два URL-адреса (и, вероятно, многие другие, учитывая, что полоса прокрутки указывает на то, что доступно больше значений) являются совпадениями из данных истории сеансов пользовательского агента. Эти данные недоступны для страницы DOM. В этом конкретном случае UA не имеет заголовков для предоставления этих значений.
Информационные ссылки
Вам также может понравиться
Опубликовано 20.01.2022
canvas | Состояние холста
Объекты, реализующие интерфейс CanvasState, поддерживают стек состояний рисования. Состояния чертежа (Drawing states) состоят из: Текущая матрица преобразования. Текущая область отсечения. Текущие значения […]
Опубликовано 22.01.2022
HTML | Визуализация | Таблица стилей пользовательского агента CSS и подсказки по представлению
Правила CSS, приведённые в этих подразделах, если не указано иное, предполагается использовать как часть значений по умолчанию таблицы стилей на уровне пользовательского […]
Опубликовано 17.09.2017
Список глобальных атрибутов HTML
accesskey=» « — доступ к тегу, с помощью сочетания клавиш; contenteditable=» « — делает тег, доступным для редактирования; contextmenu=» « — контекстное […]
Опубликовано 04.10.2018
Список атрибутов стиля HTML
Атрибут стиля: style=» « Пример внедрения атрибута style=» » в HTML-тэг:
efim360
Виды атрибутов в HTML
HTML
The defines a field for entering a URL.
The input value is automatically validated before the form can be submitted.
Browser Support
The numbers in the table specify the first browser version that fully supports the element.
| Attribute | |||||
|---|---|---|---|---|---|
| type=»url» | Yes | 10.0 | Yes | Yes | 10.1 |
Syntax
COLOR PICKER
Report Error
If you want to report an error, or if you want to make a suggestion, do not hesitate to send us an e-mail:
Top Tutorials
Top References
Top Examples
Get Certified
W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning.
Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness
of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.