Тип ССЫЛКА/адрес сайта Type url значение атрибут поля ввода input

Тип - поля ввода ССЫЛКА/URL адрес сайта. Что такое type url html, Type url - это одно из значений атрибута type, который превращает(например) поле ввода input, в поле для ввода адреса сайта.

Тип type url в поле ввода input

1. Что такое type url html,
2. Пример использования type url.

Что такое type url html.

У поля ввода есть типы передаваемых данных type, с разными значениями input

Одно из таких значении : "type url" - который используется для отправки адреса сайта на сервер.

Синтаксис type url html.

<input type="url">

Как использовать данный type url на сайте.

HTML :

Если вам требуется сделать данное поле type url обязательным, то вставляем атрибут required

Кроме поле ввода :

Можем добавить в поле ввода type url подсказку placeholder, например так :
placeholder ="введите адрес сайта"

Понадобится форма form.

<form method="post">
<input name="example" type="url" required>
<input name="example_submit" type="submit" value="Отправить">
</form>


И еще одно поле ввода с другим типом {submit}

PHP :

Вам потребуется метод post.




Пример использования type url.

Для данного типа поля ввода type url возможно и нужно использование php

if($_POST['example_submit']) { $result = 'Вы отправили адрес сайта : '.strip_tags($_POST['example']) ;}

echo $result;

Соберем весь код вместе для работы type url.

Html : Добавим required

<form method="post">
<input name="example" type="url">
<input name="example_submit" type="submit" value="Отправить">
</form>

Php :

if($_POST['example_submit']) { $result = 'Вы отправили адрес сайта : '.strip_tags($_POST['example']) ;}

echo $result;

Результат отправки ссылки/адреса сайта type url:

В поле ввода с типом (type url) введите адрес сайта и нажмите кнопку отправить: