Action html: Атрибут action | WebReference

Leave a Comment / Html / By /

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

Действие формы в HTML

Обзор

В этой статье вы увидите, как атрибут действия используется с элементом формы и как его использовать действие формы в HTML. Поскольку вы знакомы с формами в HTML, мы не будем подробно рассматривать формы в этом разделе. См. здесь , чтобы узнать больше о формах в деталях. Вкратце, HTML-формы используются для сбора различных видов данных, таких как имена, контактные данные, адреса электронной почты и т. д., от пользователей.

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

Scope

  • В этой статье вы узнаете, что такое атрибут действия в HTML и как использовать действие формы в HTML.
  • Для чего нужен атрибут действия и насколько часто он используется в HTML5?
  • Приведены различные примеры для объяснения атрибута действия или действия формы в HTML.
  • Вы узнаете, какие браузеры поддерживают действие формы в HTML.

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

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

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

Синтаксис :

Значение :

  • URL-адрес: используется для определения ссылки или URL-адреса, по которому мы хотим отправить данные формы после отправки формы. URL-адрес может быть чем угодно, например URL-адресом документа на том же сервере или на совершенно другом сервере, например службе обработки форм.

Пример

Рассмотрим приведенный ниже пример, объясняющий, как можно использовать действие формы в HTML при разработке веб-приложений.

Выход [ИЗОБРАЖЕНИЕ 1: ДОБАВИТЬ ЛОГОТИП ТЕМЫ SCALER]

[ИЗОБРАЖЕНИЕ 1 ЗАВЕРШЕНИЕ]

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

Атрибут действия широко использовался в HTML4. В настоящее время в HTML5 вам не требуется указывать атрибут действия. Если у вас уже есть тег формы без атрибута действия, то данные, введенные пользователем, будут отправлены на его собственную страницу, т. е. в одностраничном приложении (SPA), вы можете захотеть обработать данные формы с помощью JavaScript или вам нужен другой фреймворк для обработки данных. Следовательно, в таких случаях атрибут действия не требуется.

Поскольку количество одностраничных приложений в последнее время продолжает расти, обработка данных из формы выполняется с использованием JavaScript. Или данные можно обрабатывать с помощью других фреймворков, таких как React, Angular и т. д.

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

  • Chrome 1.0 — сентябрь 2008 г.

  • Firefox 1.0 — сентябрь 2002 г.

  • IE/Edge 1.0 — август 1995 г.

  • Opera 1.0 — январь 2006 г.

  • Safari 1.0 — январь 2003 г.

Заключение

  • Атрибут действия HTML определяет, что происходит при отправке формы.
  • Действие формы (атрибут) в HTML принимает аргумент.
  • Значение URL-адреса должно быть URL-адресом.
  • Приведен подробный пример, поясняющий действие формы в HTML.
  • Атрибут действия использовался в HTML4, но в HTML5 атрибут действия больше не требуется.

Атрибут действия HTML FORM

Эта статья расскажет вам о наиболее важном атрибуте тега HTML FORM, атрибуте «действие». Итак, без лишних слов, давайте приступим к теме «Атрибут действия HTML FORM».

Атрибут действия тега FORM предоставляет URL-адрес программы (которая находится на сервере), которая получает информацию из формы и обрабатывает его. Этот URL-адрес также известен как URL-адрес действия формы. Большинство серверов хранят эти программы обработки форм в папке Common. Двоичные файлы интерфейса шлюза (cgi-bin).

Синтаксис атрибута действия HTML

Общая форма или синтаксис «атрибута» тега FORM в HTML выглядит следующим образом:

«url» — это местоположение файла, обрабатывающего данные формы. URL-адрес может быть абсолютным или относительным. Например: URL-адрес «https://codescracker.com/user/process.php» называется абсолютным URL-адресом, тогда как URL-адреса «/user/process.php» и «process.php» как относительный URL.

«process.php», который является именем файла, обрабатывающего данные, может использоваться, когда и файл, содержащий HTML-форму, и «process.php» доступны в том же каталоге или папке.

Теперь пришло время привести пример атрибута «действие».

Пример атрибута действия HTML

Возможно, что большинство учащихся не смогут понять концепцию, если они не смогут понять пример, который обеспечивает почти полное представление практического применения кода. Итак, позвольте мне продемонстрировать, что я имею в виду под атрибутом «действие», предоставив вам пример.

Код HTML

 

   <голова>
      <стиль>
         .codescracker {ширина: 300 пикселей; поле: 10px авто; граница слева: 4px сплошная #008080;
            отступ: 12px;}
         p. userLogin {размер шрифта: 30 пикселей; вес шрифта: полужирный; выравнивание текста: по центру;
            нижняя граница: 2px сплошная #008080;}
         .myform input{заполнение: 2px 8px; поля: 8px 2px;}
         .myform input[type="submit"]{цвет фона: #008080; цвет: бело-дымчатый;
            отступ: 8px; граница: 0px; радиус границы: 6px; ширина: 80 пикселей; вес шрифта: полужирный;}
         .myform input[type="submit"]:hover{cursor: pointer;}
      
  
<тело>
   
   <дел>
      
Войти

      
         Имя пользователя: 

         Пароль:

Выход

Логин

Имя пользователя :
Пароль :

В приведенном выше примере показано, что если пользователь вводит данные имени пользователя и пароля и нажимает кнопку входа, имя пользователя и пароль отправлено в файл «login.

php» под «пользователем». А «пользователь» — это папка, доступная из корневого каталога. Теперь логин и пароль через этот файл будут отфильтрованы, чтобы предотвратить любые действия по взлому, и если все будет проверено, имя пользователя и пароль будут извлечены или сопоставлены с база данных. Если обнаружится, что он доступен, пользователь будет перенаправлен на веб-сайт как проверенный пользователь, а затем сможет получить доступ к своей учетной записи.

Весь код для фильтрации данных, сопоставления имени пользователя и пароля с сервером и перенаправления пользователя на портал в случае успеха логин будет записан в «login.php», который предоставляется как «URL» атрибута действия.

Приведенный выше пример атрибута действия HTML FORM создан только для того, чтобы привлечь ваше внимание. Кроме того, файл «login.php», расположенный в каталоге «пользователь» отсутствует на нашем веб-сайте. Поэтому, если вы введете данные в поля «имя пользователя» и «пароль» и нажмете кнопку «логин», вы ничего не получит.