Value input html: : The Input (Form Input) element — HTML: HyperText Markup Language

Атрибуты ввода HTML

« Предыдущая

Следующая глава »


Атрибут значения

Атрибут value указывает начальное значение для поля ввода:

Пример

<форма действие="">
Имя:




Фамилия:


Попробуйте сами »


Атрибут только для чтения

Атрибут только для чтения указывает, что поле ввода только чтение (не может быть изменено):

Пример

<форма действие="">
Имя:




Фамилия:


Попробуйте сами »

Атрибут только для чтения не требует значения. Это все равно, что писать только для чтения = «только для чтения».


Атрибут disabled

Атрибут disabled указывает, что поле ввода инвалид.

Отключенный элемент нельзя использовать и нельзя щелкнуть.

Отключенные элементы не будут отправлены.

Пример

<форма действие="">
Имя:




Фамилия:


Попробуйте сами »

Атрибут disabled не требует значения. Это все равно, что писать отключено = «отключено».


Атрибут размера

Атрибут размера указывает размер (в символах) для поля ввода:

Пример

<форма действие="">
Имя:

<тип ввода="текст" имя="имя" value="Джон" size="40">


Фамилия:


Попробуйте сами »


Атрибут maxlength

Атрибут maxlength указывает максимально допустимую длину для поля ввода:

Пример

<форма действие="">
Имя:




Фамилия:


Попробуйте сами »

С атрибутом maxlength элемент управления вводом не будет принимать больше, чем допустимое количество символов.

Атрибут не обеспечивает никакой обратной связи. Если вы хотите предупредить пользователя, вы должны написать код JavaScript.

Ограничения ввода не являются надежными. JavaScript предоставляет множество способов добавить недопустимый ввод.
Чтобы безопасно ограничить ввод, ограничения должны быть проверены приемник (сервер).

Атрибуты HTML5

В HTML5 добавлены следующие атрибуты для :

  • автозаполнение
  • автофокус
  • форма
  • формация
  • формаcтип
  • формметод
  • формановация
  • цель формы
  • высота и ширина
  • список
  • мин. и макс.
  • несколько
  • Шаблон
  • (регулярное выражение)
  • заполнитель
  • требуется
  • шаг

и следующие атрибуты для

:

  • автозаполнение
  • повторная проверка

Атрибут автозаполнения

Атрибут автозаполнения указывает, должно ли автозаполнение формы или поля ввода быть включено или выключено.

Когда автозаполнение включено, браузер автоматически дополняет значения на основе значений, которые пользователь ввел ранее.

Совет: Можно включить автозаполнение для формы и отключить для определенных полей ввода или наоборот.

Атрибут автозаполнения работает с и следующие типы : текст, поиск, URL, телефон, электронная почта, пароль, средства выбора даты, диапазон и цвет.

Пример

HTML-форма с включенным автозаполнением (и выключенным для одного поля ввода):


Имя:

Фамилия:

Электронная почта:

<тип ввода = "отправить">

Попробуйте сами »

Совет: В некоторых браузерах вам может потребоваться активировать функцию автозаполнения, чтобы это работало.


Атрибут novalidate

Атрибут novalidate является атрибутом.

При наличии novalidate указывает, что данные формы не должны проверяться при отправке.

Пример

Указывает, что форма не должна проверяться при отправке:


Электронная почта:

Попробуйте сами »


Атрибут автофокуса

Атрибут автофокуса является логическим атрибутом.

При наличии указывает, что элемент должен автоматически получать фокус при загрузке страницы.

Пример

Разрешить автоматически получать фокус поля ввода «Имя» при загрузке страницы:

Имя:

Попробуйте сами »


Атрибут формы

Атрибут формы определяет одну или несколько форм, к которым принадлежит элемент .

Совет: Для ссылки на несколько форм используйте список идентификаторов форм, разделенных пробелами.

Пример

Поле ввода, расположенное за пределами HTML-формы (но все же являющееся ее частью):

<форма action="action_page.php">
Имя:


Фамилия:

Попробуйте сами »


Атрибут formaction

Атрибут formaction указывает URL-адрес файла который будет обрабатывать элемент управления вводом при отправке формы.

Атрибут formaction переопределяет атрибут action элемента

.

Атрибут formaction используется с type=»submit» и type=»image».

Пример

HTML-форма с двумя кнопками отправки и разными действиями:

<форма action="action_page.php">
Имя:

Фамилия:





asp»
value=»Отправить как администратор»>

Попробуйте сами »


Атрибут formenctype

Атрибут formenctype указывает, как данные формы должны быть закодированы при отправке их в server (только для форм с method=»post»).

Атрибут formenctype переопределяет атрибут enctype элемента.

Атрибут formenctype используется с type=»submit» и type=»image».

Пример

Отправить данные формы, закодированные по умолчанию (первая кнопка отправки) и закодированные как «multipart/form-data» (вторая кнопка отправки):


Имя:


value=»Отправить как Multipart/form-data»>

Попробуйте сами »


Атрибут formmethod

Атрибут formmethod определяет метод HTTP для отправки данных формы на URL-адрес действия.

Атрибут formmethod переопределяет атрибут method элемента.

Атрибут formmethod можно использовать с type=»submit» и type=»image».

Пример

Вторая кнопка отправки переопределяет метод HTTP вида:


Имя:

Фамилия:


value=»Отправить с помощью POST»>

Попробуйте сами »


Атрибут formnovalidate

Атрибут novalidate является логическим атрибутом.

При наличии указывает, что элемент не должен проверяться при отправке.

Атрибут formnovalidate переопределяет атрибут novalidate элемента.

Атрибут formnovalidate можно использовать с type=»submit».

Пример

Форма с двумя кнопками отправки (с проверкой и без):

<форма action="action_page. php»>
Электронная почта:




Попробуйте сами »


Атрибут formtarget

Атрибут formtarget определяет имя или ключевое слово, указывающее, где для отображения ответа, полученного после отправки формы.

Атрибут formtarget переопределяет целевой атрибут элемента.

Атрибут formtarget можно использовать с type=»submit» и type=»image».

Пример

Форма с двумя кнопками отправки и разными целевыми окнами:

<форма action="action_page.php">
Имя:

Фамилия:


value=»Отправить в новом окне»>

Попробуйте сами »


Высота и ширина Атрибуты

Атрибуты height и width определяют высоту и ширину элемента .

Атрибуты высоты и ширины используются только с .

Всегда указывайте размер изображений. Если браузер не знает размер, страница будет мерцать при загрузке изображений.

Пример

Определить изображение как кнопку отправки с атрибутами высоты и ширины:

Попробуйте сами »


Атрибут списка

Атрибут списка относится к элементу , который содержит предопределенные параметры для элемента .

Пример

Элемент с предопределенными значениями в :

<входной список="браузеры">

<список данных>

Попробуйте сами »


Атрибуты min и max

Атрибуты min и max определяют минимальное и максимальное значение для элемента .

Атрибуты min и max работают со следующими типами ввода: число, диапазон, дата, дата-время, локальная дата-время, месяц, время и неделя.

Пример

Элементы с минимальными и максимальными значениями:

Введите дату до 1980-01-01:

Введите дату после 01.01.2000:

Количество (от 1 до 5):

Попробуйте сами »


Множественный атрибут

Множественный атрибут — это логический атрибут.

При наличии указывает, что пользователю разрешено вводить более одного значения в элемент .

Множественный атрибут работает со следующими типами ввода: электронная почта и файл.

Пример

Поле загрузки файла, которое принимает несколько значений:

Выберите изображения:

Попробуйте сами »


Атрибут шаблона

Атрибут шаблона указывает регулярное выражение, по которому проверяется значение элемента .

Атрибут шаблона работает со следующими типами ввода: текст, поиск, URL, телефон, электронная почта и пароль.

Совет: Используйте глобальный атрибут title для описания шаблона, чтобы помочь пользователю.

Совет: Узнайте больше о регулярных выражениях в нашем руководстве по JavaScript.

Пример

Поле ввода, которое может содержать только три буквы (без цифр или специальных символов):

Код страны:

Попробуйте сами »


Атрибут-заполнитель

Атрибут-заполнитель указывает подсказку, описывающую ожидаемое значение поля ввода (примерное значение или краткое описание формата).

Подсказка отображается в поле ввода перед вводом пользователем ценность.

Атрибут placeholder работает со следующими типами ввода: текст, поиск, URL, телефон, электронная почта и пароль.

Пример

Поле ввода с текстом-заполнителем:

Попробуйте сами »


Обязательный атрибут

Обязательный атрибут — это логический атрибут.

При наличии указывает, что поле ввода должно быть заполнено перед отправкой формы.

Обязательный атрибут работает со следующими типами ввода: текст, поиск, URL, телефон, электронная почта, пароль, средства выбора даты, номер, флажок, радио и файл.

Пример

Обязательное поле ввода:

Имя пользователя:

Попробуйте сами »


Атрибут шага

Атрибут шага указывает допустимые интервалы чисел для элемента .

Пример: если step=»3″, допустимые числа могут быть -3, 0, 3, 6 и т. д.

Совет: Атрибут step можно использовать вместе с атрибутом атрибуты max и min для создания диапазона допустимых значений.

Атрибут step работает со следующими типы ввода: число, диапазон, дата, дата и время, локальная дата и время, месяц, время и неделя.

Пример

Поле ввода с указанными допустимыми интервалами чисел:

Попробуйте сами »


Проверьте себя с помощью упражнений!

Упражнение 1 » Упражнение 2 » Упражнение 3 » Упражнение 4 »


« Предыдущая

Следующая глава »

Как получить значение поля ввода с помощью PHP

1 ответ на этот вопрос.

0 голосов

Здравствуйте,

Используйте PHP-суперглобальные переменные $_POST или $_GET для получения значения входного тега по имени HTML-тега.

Например, измените метод в своей форме, а затем выведите значение по имени ввода:

Использование метода $_GET:

 
  

 

Чтобы показать значение:

 
 

Использование метода $_POST :

 
  

 

Чтобы показать значение:

  
ответил 20 нояб. 2020 г. по Нирой • 82 800 баллов

Связанные вопросы в PHP

Привет @картик, Вы можете использовать фасад URL … ПОДРОБНЕЕ

ответил 17 сент. 2020 г. в PHP по Нирой • 82 800 баллов • 13 427 просмотров

  • HTML
  • CSS
  • JavaScript
  • PHP
  • ларавель

Привет @картик, Используйте приведенный ниже фрагмент кода … ПОДРОБНЕЕ

ответил 19 окт. 2020 г. в PHP по Нирой • 82 800 баллов • 2,912 просмотров

  • HTML
  • CSS
  • ларавель
  • JavaScript
  • PHP

Привет @картик, Вы захотите использовать glob() Пример: $files = … ПОДРОБНЕЕ

ответил 6 нояб. 2020 г. в PHP по Нирой • 82 800 баллов • 659Просмотры

  • HTML
  • CSS
  • JavaScript
  • ларавель
  • PHP

Картик привет, На самом деле есть много функций, которые  . .. ПОДРОБНЕЕ

ответил 27 марта 2020 г. в PHP по Нирой • 82 800 баллов • 1660 просмотров

  • HTML
  • CSS
  • JavaScript
  • PHP
  • угловой
  • ларавель

Привет @картик, Сначала вы должны пойти в … ПОДРОБНЕЕ

ответил 18 марта 2020 г. в Ларавеле по Нирой • 82 800 баллов • 16 437 просмотров

  • HTML
  • CSS
  • JavaScript
  • ларавель
  • угловой
  • PHP

Именованный маршрут используется для предоставления конкретных … ПОДРОБНЕЕ

ответил 18 марта 2020 г. в Ларавеле по Нирой • 82 800 баллов • 1,896 просмотров

  • HTML
  • CSS
  • JavaScript
  • ларавель
  • PHP

Привет, Это просто, вам просто нужно … ПОДРОБНЕЕ

ответил 23 марта 2020 г. в Ларавеле по Нирой • 82 800 баллов • 1575 просмотров

  • HTML
  • CSS
  • JavaScript
  • ларавель
  • PHP

Привет @картик, Именованная маршрутизация – еще одна удивительная особенность … ПОДРОБНЕЕ

ответил 23 марта 2020 г. в Ларавеле по Нирой • 82 800 баллов • 23 169 просмотров

  • HTML
  • CSS
  • JavaScript
  • ларавель
  • PHP

Привет @картик, Чтобы получить только имя … ПОДРОБНЕЕ

ответил 27 авг. 2020 г. в PHP по Нирой • 82 800 баллов • 3000 просмотров

  • HTML
  • CSS
  • JavaScript
  • ларавель
  • PHP
  • MySQL
  • linux-база данных
  • линукс

Привет @картик, Используя array_search() и сброс, попробуйте следующее: if (($key = … ПОДРОБНЕЕ

ответил 16 сент.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *