Кнопки отправки и сброса формы HTML - тег ввода

• May 2, 2024

Как видите, есть два атрибута, которые управляют веб-кнопкой. Также нет закрывающего входного тега.

Атрибут типа
Атрибут type указывает веб-браузеру отображать кнопку в форме на веб-странице. Это будет серая, слегка 3D кнопка по умолчанию. В этом примере первый тег ввода указывает браузеру отображать кнопку отправки, а второй тег ввода отображает кнопку сброса. При нажатии эти две кнопки ведут себя по-разному. Кнопка отправки отправит данные в программу CGI, а кнопка сброса вернет форму в состояние по умолчанию.

Атрибут значения
Атрибут value сообщает веб-браузеру, какой текст отображать в верхней части кнопки. Все, что находится между кавычками на правой стороне знака равенства, будет отображаться. В этом примере первый тег ввода устанавливает метку на кнопке «Отправить», а второй тег ввода устанавливает метку другой кнопки на «Сброс».

Видео инструкция: HTML формы - тег input и валидация форм. Часть 1 (May 2024).

Веб-форма не очень полезна без кнопки отправки. Фактически, без этой кнопки ваша веб-форма просто будет находиться на вашей веб-странице и не сможет отправить собранную информацию в программу обработки. Вы будете использовать тег ввода, чтобы создать кнопку отправки. Вы также можете использовать тег ввода для создания кнопки сброса (при нажатии на которую все поля ввода будут сброшены до значений по умолчанию). < левая угловая скобка вход имя элемента тип Атрибут type будет контролировать тип кнопки в веб-форме. значение Атрибут value будет отображать метку на кнопке. > правая угловая скобка