Type="button" - просто кнопка...

"Type="button"". "Type="button" - просто кнопка...".

Всё о type="button"!

1. Что такое type="button"?
2. Примеры кода с type="button" :
3. Примеры кода с type="button" :

1. Что такое type="button"?

Начнем с определения, "что такое type="button""!?

Type="button" - используется для создания кнопок, которые запускают скрипты или выполняют действия на странице (не для отправки форм).

Синтаксис type="button":

<input type="button" value="Нажми меня">

<button type="button">Я кнопка</button>

Что делает type="button"?

Прямое и единственное предназначение "type="button"" - создание кнопки, которая ничего не будет делать!

Для чего нужен type="button"?

Например -не отправлять данные из формы при нажатии

2. Примеры кода с type="button" :

Для того, чтобы создать пример кода с "type="button"" вам понадобится очень много всего, что уже однажды я перечислил здесь...

С единственным отличием... заменяем submit на "type="button"".

Соберем код использования type="button" :

<form method="post">

<input type="text" name="username" placeholder="Ваше имя">

<input type="button" value="Отправить">

</form>

Пример использования type="button" :

При обычном submit данные отправятся на сервер, здесь ничего не произойдет!

3. Примеры кода с type="button" :

Повторяем все тоже самое, но только вместо "type="button"" с input заменяем на кнопку button с "type="button"":

Соберем код использования type="button" :

<form method="post">

<input type="text" name="username" placeholder="Ваше имя">

<button type="button">Отправить</button>

</form>

Пример использования type="button" :

Аналогично, при нажатии теперь на кнопку button с "type="button"" ничего не произойдет!

Отправить

Всего комментариев : Comments+ 2.0

+ =