Создание HTML URL Input онлайн
Генератор HTML URL Input создаёт поле <input type="url"> для ввода веб-адреса. Задайте Name, Placeholder, Pattern и Size. Предварительный просмотр, HTML-код и C#-код обновляются одновременно.
Если поле содержит значение, браузер проверяет синтаксис URL во время встроенной проверки формы. Необязательный атрибут pattern добавляет ещё одно ограничение в виде регулярного выражения, но не заменяет проверку URL.
Настройки генератора HTML URL Input
- Name задаёт атрибут
name, используемый при отправке формы. - Placeholder показывает короткую подсказку, пока поле остаётся пустым.
- Pattern добавляет регулярное выражение, которому должен соответствовать введённый URL. Значение
https://.*по умолчанию разрешает непустые адреса только со схемой HTTPS. - Size задаёт приблизительную видимую ширину поля в символах, но не ограничивает количество введённых символов.
Для Size используйте положительное целое число. Если значение некорректно, генератор восстанавливает значение 20 по умолчанию.
Создание HTML URL Input на C#
На панели C# показано, как создать настроенное поле URL с помощью Aspose.HTML for .NET . Сгенерированный код выполняет следующие действия.
- Создаёт
HTMLDocument. - Создаёт
HTMLInputElementс помощьюCreateElement()и задаёт свойствуTypeзначениеurl. - Задаёт
nameиSize, затем добавляет необязательные атрибутыplaceholderиpattern. - Добавляет поле методом
AppendChild()и сохраняет файлurl-input.htmlметодомSave().
Сначала настройте поле URL, а затем скопируйте обновлённый C#-код в свой проект .NET.
Вопросы о генераторе HTML URL Input
1. Что проверяет <input type="url">?
Если поле не пустое, встроенная проверка браузера определяет, является ли введённый текст синтаксически корректным абсолютным URL. Она не проверяет существование адреса, доступность ресурса или безопасность его посещения.
2. Почему созданное поле URL можно отправить пустым?
Генератор не добавляет атрибут required, поэтому пустое значение не вызывает ошибку отсутствия данных. Если поле обязательно для заполнения, добавьте required после копирования разметки.
3. Как атрибут pattern работает с полем URL?
Браузер применяет регулярное выражение как дополнительное ограничение к непустому URL. Значение должно пройти и проверку синтаксиса URL, и проверку всего шаблона, поэтому протестируйте выражение со всеми форматами адресов, которые планируете принимать.
4. Почему по умолчанию используется шаблон https://.*, а не https://*?
В регулярном выражении символ * повторяет непосредственно предшествующий ему символ и не является самостоятельной подстановкой. Последовательность .* означает любое количество любых символов, поэтому https://.* допускает текст после префикса HTTPS.
5. Ограничивает ли атрибут size длину URL?
Нет. Атрибут size определяет приблизительную видимую ширину поля в символах. Если форме нужно ограничить максимальное количество введённых символов, отдельно используйте maxlength.
Установка Aspose.HTML for .NET
Установите Aspose.HTML for .NET из NuGet с помощью .NET CLI:
dotnet add package Aspose.HTML
Также можно использовать интерфейс диспетчера пакетов NuGet или выполнить Install-Package Aspose.HTML в консоли диспетчера пакетов. Подробные инструкции приведены в
руководстве по установке
. Чтобы протестировать API без ограничений ознакомительной версии, запросите
временную лицензию
.
Другие генераторы HTML
Создавайте и просматривайте разметку для других распространённых элементов HTML.