HTML/Атрибут action (Элемент form)

Синтаксис

(X)HTML

<form action="[значение]">
  ...
</form>

Описание

Атрибут / параметр action (от англ. «action» ‒ «действие, результат») указывает расположение обработчика данных формы.

Примечание

Данный атрибут так же с помощью URL-схемы «mailto:» может пересылать данные формы по электронной почте (на указанный E-mail адрес; например, action="mailto:[email protected]"). Пересылка данных в этом случае происходит с помощью почтовой программы, установленной на устройстве пользователя.

Поддержка браузерами

Chrome

Поддерж.

Firefox

Поддерж.

Opera

Поддерж.

Maxthon

Поддерж.

IExplorer

Поддерж.

Safari

Поддерж.

iOS

Поддерж.

Android

Поддерж.

Спецификация

Верс.Раздел
HTML
2.0Form: FORMПеревод
3.2FORM
4.0117.3 The FORM element
action = uri [CT]…
DTD: Transitional Strict Frameset
5.04.10.19.6 Form submission
The action and…
5.1
4.10.19.6. Form submission
The action and…
XHTML
1.0Extensible HyperText Markup Language
DTD: Transitional Strict Frameset
1. 1Extensible HyperText Markup Language

Значения

В качестве значения указывается URL-адрес обработчика формы

.

Пример использования

Листинг кода

<!DOCTYPE html>
<html>
<head>
<meta charset=»utf-8″>
<title>Параметр action (Элемент form)</title>
</head>
<body>
<h2>Пример с атрибутом «action»</h2>
<form action=»/examples/php-scripts/coffee.php» method=»post»>
<fieldset> <legend><b>Вы любите кофе с молоком?</b></legend>
<label><input type=»radio» name=»coffee» value=»yes»> да</label>
<label><input type=»radio» name=»coffee» value=»no»> нет</label>
</fieldset>
<p><input type=»reset»> <input type=»submit»></p>

</form>
</body>
</html>

Параметр action (Элемент form)

action атрибут HTML теґа form

  • Головна
  • html
  • теґи
  • <form>
  • action

Атрибут action (HTML тега <form>) визначає адресу, куди відправляється форма (за замовчуванням дію встановлено на поточну сторінку).

Значення атрибута може бути перевизначине за допомогою атрибута formaction елементів

<button> чи <input>, що відносяться до форми.

Порада:

В якості обробника можна вказати адресу електронної пошти, починаючи з ключового слова mailto:. При відправці форми буде запущена поштова програма встановлена без задання.

Нотатка:

Якщо атрибут action відсутній, всі дані буде відправлено на поточну сторінку.

Порада:

Для коректної інтерпретації даних використовуйте атрибут «enctype=»text/plain»» в елементі <form>

Запропонувати свою пораду чи нотатку

ПорадаНотатка

Синтакс

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

Атрибут action може отримувати єдине значення :

URL

URL — адреса скрипта, який буде обробляти дані форми.

Можливі значення:

  • Абсолютний URL — вказує на інший веб-сайт (наприклад, href = http://www.css_in_ua.com/default.htm )
  • Відносний URL — вказує на файл в структурі поточного веб-сайту (наприклад, href = "default.htm" )

Переглядачі

  • Стаціонарні переглядачі
  • Мобільні переглядачі
Переглядач

1+

1+

1+

3.5+

3+

12+

Переглядач

1+

1+

1+

1+

Приклади

  • Приклад 1

Найпростіший приклад використання HTML атрибута action теґа

<form>.




  See the Pen 


  Form.action_css_in_ua by css.in.ua (@css_in_ua)


  on CodePen.

Різниця між HTML 4.01 та HTML5

У HTML5 використання атрибуту action не обов’язкове, на відміну від HTML4.

Різниця між XHTML та HTML

У XHTML атрибут action є обов’язковим.

Действие HTML-формы Атрибут

❮ Тег HTML

Пример

При отправке отправьте данные формы в файл с именем «action_page.php» (для обработки ввод):

<форма действие="/action_page.php" method="get">
 

 


 



  <ввод type="submit" value="Submit">

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

Определение и использование

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

Поддержка браузера

Атрибут
действие Да Да Да Да Да

Синтаксис

Значения атрибутов
Значение Описание
URL-адрес
Куда отправлять данные формы при отправке формы.

Возможные значения:

  • Абсолютный URL-адрес — указывает на другой веб-сайт (например, action=»http://www.example.com/example.htm»)
  • Относительный URL-адрес — указывает на файл на веб-сайте (например, action=»example.htm»)

❮ Тег HTML


ВЫБОР ЦВЕТА

Лучшие учебники
Учебник по HTML
Учебник по CSS
Учебник по JavaScript
Учебник How To Tutorial
Учебник по SQL
Учебник по Python
Учебник по W3.
CSS
Учебник по Bootstrap
Учебник по PHP
Учебник по Java
Учебник по C++
Учебник по jQuery

Лучшие ссылки
HTML Reference
CSS Reference
JavaScript Reference
SQL Reference
Python Reference
W3.CSS Reference
Bootstrap Reference
PHP Reference
HTML Colors
Java Reference
Angular Reference
jQuery Reference

9 Top1s Примеры HTML

Примеры CSS
Примеры JavaScript
Примеры How To
Примеры SQL
Примеры Python
Примеры W3.CSS
Примеры Bootstrap
Примеры PHP
Примеры Java
Примеры XML
Примеры jQuery

FORUM | О

W3Schools оптимизирован для обучения и обучения. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно пересматриваются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего содержания. Используя W3Schools, вы соглашаетесь прочитать и принять наши условия использования, куки-файлы и политика конфиденциальности.

Copyright 1999-2023 Refsnes Data. Все права защищены.
W3Schools работает на основе W3.CSS.

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

Атрибут действия HTML-формы определяет, что должно происходить с данными при отправке формы на веб-страницу. Значение атрибута action должно быть URL-адресом веб-ресурса, который будет обрабатывать содержимое формы.

При создании форм и запросе данных на вашем сайте или веб-приложении вам часто нужно что-то сделать с вашими данными, верно? Здесь в игру вступает атрибут действия формы.

Найдите подходящий учебный лагерь

  • Career Karma подберет для вас лучшие технологические учебные курсы
  • Доступ к эксклюзивным стипендиям и подготовительным курсам

Выберите интересующий вас вопрос
Разработка программного обеспеченияДизайнОбработка и анализ данныхАналитика данныхUX-дизайнКибербезопасностьИмя

Фамилия

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

Номер телефона

Продолжая, вы соглашаетесь с нашими Условиями обслуживания и Политикой конфиденциальности, а также соглашаетесь получать предложения и возможности от Career Karma по телефону, текстовым сообщениям и электронной почте.

Вы должны знать основы создания формы в HTML. Вы в основном оборачиваете содержимое формы в элемент. В открывающем теге есть несколько атрибутов, которые мы можем использовать, и один из них — это действие.

Атрибут действия используется для указания, куда мы хотим отправить данные формы при отправке формы. Таким образом, значение действия — это страница, которая будет обрабатывать форму.

Атрибут действия HTML-формы

Атрибут действия HTML-формы указывает URL-адрес, который будет обрабатывать содержимое формы. Вы должны убедиться, что веб-ресурс, на который указывает атрибут действия, принимает любой метод, указанный вами в атрибуте «метод».

Давайте посмотрим на синтаксис атрибута действия:

Атрибут действия появляется между нашим открывающим тегом

. Этот атрибут часто используется с атрибутом метода.

По умолчанию для атрибута метода установлено значение «получить». Это означает, что ваша форма будет отправлять данные через HTTP-запрос GET при отправке. Вы можете изменить метод, указав «method=’post’» в открывающем теге.

Данные из формы отправляются на URL-адрес «действия» при нажатии кнопки отправки.

Пример действия HTML формы

Давайте рассмотрим пример:

Выше действие отправляет имя пользователя и данные электронной почты на страницу с именем process.html. Имя пользователя и данные электронной почты имеют тип ввода «текст». Мы определяем кнопку с типом ввода «отправить». При нажатии на эту кнопку наши данные будут отправлены на наш URL-адрес «действия».

Теперь вставьте приведенный выше пример формы в настоящий HTML-файл. Затем создайте еще один файл с именем process.html в той же папке. Этот файл должен иметь следующее содержимое:

 
    <голова>
        <мета-кодировка="UTF-8">
        Процесс
    
    Это страница процесса назначения

Этот код определяет простую веб-страницу, которая показывает абзац текста при загрузке страницы. Давайте вернемся к нашей веб-форме, которую мы определили ранее, и заполним ее:

Теперь нажмите «Отправить». Обратите внимание, что мы автоматически перешли на страницу process.html! Тогда вы заметили строку URL, что это за дополнительные данные? Данные после «?» символ являются параметрами запроса, и, поскольку мы указали запрос как GET, данные передаются как параметры запроса.

В этом примере вы можете подумать, что это не очень полезно. Это правда. Обычно атрибут действия используется для отправки содержимого формы на серверные страницы. Например, мы можем использовать файл PHP с именем process. php.

Затем этот process.php проделает всю магию с данными. Эта страница может сохранить наши данные в базе данных или зарегистрировать вас на ваше любимое мероприятие, как вы его называете. PHP — это мощный серверный язык сценариев, часто используемый в веб-разработке. Если вы когда-либо использовали WordPress, вероятно, данные обрабатывались с помощью PHP.

Чтобы узнать больше о PHP, ознакомьтесь с нашим руководством How to Learn PHP.

Требуется ли атрибут действия?

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

Зачем нам это делать? С появлением одностраничных приложений (SPA) мы можем захотеть обрабатывать данные формы с помощью JavaScript. Или мы можем захотеть обработать наши данные с помощью другого фреймворка, такого как React/Angular.

Если мы используем ванильный JavaScript, мы часто делаем это, добавляя прослушиватель событий JavaScript при отправке формы.

No related posts.