Применение, использование action примеры

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

Всё об атрибуте action

1. Что такое атрибут action.
2. Пример использования атрибута action с якорем.
3. Выполнение атрибута action на другой странице
4. Выполнение атрибута action в новом окне

Что такое атрибут action.

Начнем с определения - "что такое атрибут action":

Атрибут action - это указательссылка на обработчик.

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

Если ссылка ведет на другую страницу, то браузер откроет другую страницу для выполнения кода!

Если атрибут action отсутствует или пустой

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

Синтаксис атрибута action.

<form action="URL"></form>

Значения атрибута action.

URL(значение атрибута action) ссылка/путь.

Что надо писать в атрибуте action в теге form

Интересный поисковый запрос : "что надо писать в атрибуте action в теге form"? Или ещё : "для чего нужен action html"

Что ставить в action form?

Ответ :

Если php обработчик находится на другой странице - пишем адрес вашего "php файла"(подробнее).

<form action="https://dwweb.ru/file.php"></form>

Если требуется перейти по какому-то якорю на данной же странице(подробнее) :

<form action="#example"></form>

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

В HTML4 и XHTML обязателен, в HTML5 не обязателен.

Значение по умолчанию атрибута action.

Значение по умолчанию у атрибута action - нет.




Пример использования атрибута action с якорем.

Для того, чтобы продемонстрировать работу атрибута action нам понадобится:

Тег form.

Метод будет post.

Также нам потребуется кнопка(можно input) с типом submit, по которой будем отправлять атрибут action

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

action="#result"

Перед формой ставим сам якорь:

<a name="result"></a>
Соберем html:

<a name="result"></a>

<form method="post" action="#result">
<button name="example_button" type="submit" value="1">Отправить</button>
</form>

Обработка данных - php:

Далее нам нужно обработать отправленный POST - у нас это php.

Если кнопка отправить будет нажата, то присваиваем значение переменной

<? if($_POST['example']) { $result = 'Это результат работы action с заглушкой #' ;} ?>

Вывод результата:

Где нам требуется выводим результат, естественно ниже выше приведенного условия!

<? echo $result; ?>

Соберем код использования атрибута action.

<? if($_POST['example']) { $result = 'Это результат работы action с заглушкой #' ;} ?>

<a name="result"></a>

<? echo $result; ?>

<form method="post" action="#result">
<button name="example_button" type="submit" value="1">Отправить</button>
</form>


Теперь возьмем данный код с атрибутом action и разместим прямо здесь:

Результат использования type="submit" в кнопке

Нажмите кнопку "Отправить"




Выполнение атрибута action на другой странице

Следующим - разберем использование атрибута action для выполнения скрипта на другой тсранице!

Для этого нам потребуется:

Сделаем отдельную страницу :

Можно посмотреть на неё.

На ней размещаем условие:

<? if($_POST['example_2']){ echo 'Сработал пример выполнения action на другой странице.';}

else { echo 'Еще ничего не отправлено.';} ?>

Если вы собираетесь использовать php в html? то вам понадобится - как включить php в html.

Далее все те пункты, которые мы рассматривали выше относительно формы(не будем повторять - выведем сразу код нашей формы!). В атрибут action помещаем ссылку, на страницу, что была приведена выше.

<form method="post" action="https://dwweb.ru/__a-data/__all_for_scripts/__examples/php/post/action/action_in_other_page.html">
<input name="example_2" type="submit" value="Отправить">
</form>


Испытать пример работы атрибута action на другой странице

Нажмите кнопку отправить, чтобы получить результат!

Скачать пример использования атрибута action на другой странице

Скачать



Выполнение атрибута action в новом окне

Для выполнения атрибута action в новом окне нам потребуется:

Берем выше приведенный код и вставляем в тег "form"

target="_blank"
Html:

<form method="post" target="_blank" action="https://dwweb.ru/__a-data/__all_for_scripts/__examples/php/post/action/action_in_other_page_target.html">

<input name="example_3" type="submit" value="Отправить">

</form>

Испытать пример работы атрибута action в новом окне

Скачать пример использования атрибута action в новом окне

Скачать