phpjsJqueryhtmlcssblog

Type time значение атрибут поля ввода input

Тип - время. Что такое type time html, Type time - это одно из значений тега input, который позволяет ввести время в поле ввода.

Тип time в поле ввода input

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

Скопировать ссылку



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

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

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

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

<input type="time">

Как переводится type time?

type - переводится с английского как - "ТИП"

time - переводится с английского как - "ВРЕМЯ"

Характеристики типа time :

"type time" - если вам требуется ввести время в формате "часы : минуты" - данный type time и предназначен


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

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


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

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

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


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

PHP :

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

Скопировать ссылку



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

Мы не рассмотрели условие по которому будем получать данные в php :

if($_POST['example_submit']) { $result = 'Вы нажали кнопку отправить submit, переданное значение : '.strip_tags($_POST['example']) ;}

echo $result;

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

Html : Добавим required

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

Php :

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

echo $result;

Результат:

Для того, чтобы отправить время(type time) на сервер нажмите кнопку отправить:

Еще никто не прокомментировал! COMMENTS+   BBcode

🞨

Загрузить свой аватар

(max ширина, высота = 200px)

Подписаться + =

---