Как сделать кнопку в php
Перейти к содержимому

Как сделать кнопку в php

  • автор:

Кнопка HTML & PHP

Мне нужно создать форму в которой будет кнопка типа Submit и два текстовых поля, в которые можно будет ввести 2 числа, и по нажатию кнопки должен запуститься php-скрипт который к примеру будет выводить надпись » Hello «. Сделал только форму и кнопку, понятия не имею как вызывать PHP скрипт.

    Qwr   

Отслеживать
задан 1 дек 2019 в 16:58
143 2 2 серебряных знака 13 13 бронзовых знаков
Файл создан index.php?
1 дек 2019 в 17:07

2 ответа 2

Сортировка: Сброс на вариант по умолчанию

Запускной файл index.php

"; echo (int)$_POST['second']; ?>    Qwr   
// или action='', или вообще без action

Или с внешним файлом, запускной файл любой, с расширением php или html|htm :

     Qwr   

Файл action.php , должен быть в папке с запускным файлом ( index.php ), или в другом месте — тогда нужно правильно указать путь к нему в запускном фале.

"; echo (int)$_POST['second']; ?> 

Создание кнопок

Элемент универсальный и в зависимости от значения атрибута type создаёт разные элементы формы: кнопки, переключатели, текстовые поля и др. Для кнопок зарезервировано три значения type , которые позволяют создать кнопки с разным функционалом:

Следует помнить, что все три варианта создают кнопки, по своему виду никак не различающиеся между собой. Разница лишь в их поведении.

Обычная кнопка

Такая кнопка применяется, как правило, в сочетании с JavaScript и при щелчке по кнопке выполняет заложенные в неё действия.

Здесь используются следующие атрибуты:

  • type=»button» — создаёт кнопку;
  • value — определяет надпись на кнопке;
  • onclick — событие JavaScript, отвечающее за щелчок по кнопке.

В примере 1 при щелчке по кнопке вызывается пользовательская функция changeColor() , которая переключает цвет текста у класса .color с чёрного на красный и обратно.

Пример 1. Создание кнопки

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

Кнопка для отправки формы на сервер

Такая кнопка позволяет пользователю отправить заполненную форму на сервер. Для этого сперва создаётся форма через элемент , внутри неё добавляется кнопка с атрибутом type и значением submit (пример 2).

Пример 2. Отправка формы

При щелчке по кнопке произойдёт отправка текста, введённого в поле, на адрес handler.php. После чего серверная программа вернёт HTML-файл.

Если атрибут value у кнопки не указан, то браузер сам подставит текст, например, Chrome напишет «Отправить», а Firefox — «Отправить запрос».

Кнопка для очистки формы

Такая кнопка при щелчке по ней возвращает все поля формы в их исходное значение. Обычно применяется для быстрой очистки формы от введённых пользователем данных (пример 3). Попробуйте написать в поле произвольный текст и щёлкнуть по кнопке сброса. После этого введённый в поле текст будет удалён.

Пример 3. Очистка формы

Для этой кнопки браузер так же подставляет текст самостоятельно, если атрибут value не указан. К примеру, Chrome напишет «Сбросить», а Firefox — «Сброс».

Использование

Пример 4. Виды кнопок

Рецепты

Размер кнопки подстраивается под её содержимое. Так, если внутрь вставить картинку большого размера, то и кнопка станет больше.

Кнопка для отправки формы на сервер

По умолчанию используется для отправки формы на сервер, поэтому атрибут type указывать не обязательно. Главное, поместить кнопку внутрь формы (пример 5). Если требуется обычная кнопка, то к добавляется атрибут type со значением button .

Пример 5. Отправка формы

Здесь в форме встречается две кнопки — первая, без атрибута type , используется для отправки формы на сервер, а вторая, с type=»button» , обычная кнопка, которая проверяет, пустое текстовое поле или нет. Если поле пустое, к нему добавляется класс .wrong, меняющий цвет фона на коралловый.

Кнопка для очистки формы

Для создания кнопки сброса формы до исходных значений к элементу добавляется атрибут type со значением reset . Чтобы кнопка работала правильно, её следует поместить внутрь формы (пример 6).

Пример 6. Очистка формы

Итоги

  • Кнопка создаётся с помощью элемента или элемента .
  • Внутрь можно вставить текст, изображение, а также другие элементы HTML.
  • Атрибут type со значением submit создаёт кнопку для отправки формы на сервер.
  • Атрибут type со значением reset создаёт кнопку для очистки формы.

Формы: 2 кнопки — 2 разных события

Что мы в итоге получаем: форма отправляет почти все данные в следующий файл, кроме данных о кнопках, вместо этого посылает лишь данные одной кнопки, которая была нажата.
Если уж принципиально надо разделить скрипты-обработчики, то достаточно поместить такого вида router (по модели MVC):

 elseif(isset($_POST['button2'])) < include './script2.php'; >

Школа программирования © 2012-2024
imbalance_hero | inpost@list.ru , admin@school-php.com
account on phpforum | youtube channel

Как создать кнопку и рядом с нею счетчик нажатий на Php+html?

Прошерстил всё что мог, но похожего вопроса не нашел.

  • Вопрос задан более двух лет назад
  • 556 просмотров

Комментировать

Решения вопроса 1

GORNOSTAY25

Володимир Паламар @GORNOSTAY25

 setcookie('count', $num); > echo 'Вы нажали на кнопку '.$num. ' раз'; ?> 
">

Совсем недавно разобрался как работают куки

Не до конца ещё разобрались

Ответ написан более двух лет назад

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

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