PHP Manual

HTML-форми - частина в браузері

22. 08. 2019

Obsah článku

Перш ніж ми зможемо обробляти будь-які дані користувача на стороні сервера за допомогою PHP, ми повинні їх спочатку отримати. Це робиться в браузері за допомогою HTML-форм, які визначають основні елементи для отримання даних. Метою цієї статті є не викладення всіх можливостей форм, а лише основні можливості прийняття даних та розуміння принципу.

Базове джерело HTML форми

<form action="script.php" method="get">
<!-- Zde bude celý obsah formuláře -->
</form>

Кожна форма починається з HTML-тега <form> і закінчується тегом </form>. Всі поля форми, розміщені між цими тегами, будуть відправлені.

Далі потрібно задати куди відправляти форму атрибутом action (ім'я скрипта), і яким методом відправляти її атрибутом method (GET або POST). Якщо не вказати метод і місце призначення, то за замовчуванням форма відправляє сама себе методом GET.

Основні поля форми

Найбільш використовуване поле використовується для отримання тексту (рядка). Кожне поле має свій тип та назву, за якою його можна розпізнати після заповнення.

Загальні текстові поля

Найголовніше, мені потрібне звичайне текстове поле:

<input type="text" name="food">

Поле "Пароль

<input type="password" name="heslo">

Прапорець

Використовується для перевірки булевих значень (TRUE та FALSE):

<input type="checkbox" name="vop" checked="checked">

.

Перемикач для вибору декількох варіантів

<input type="radio" name="language" value="cz" checked> Čeština
<input type="radio" name="language" value="sk"> Slovenština
<input type="radio" name="language" value="en"> Angličtina

Він дозволяє обирати з декількох варіантів. Обрана опція надсилає своє значення. За замовчуванням добре вибрати одне поле з атрибутом checked="checked":


Словацька
Англійська .

Велике текстове поле

Створена для введення багаторядкового тексту. Він також використовується для в'їзду:

  • cols ~ кількість стовпців
  • rows ~ кількість рядків

<textarea name="article" cols="40" rows="6">
Ahoj lidi!
</textarea>

Selectbox

Представляє зручний спосіб вибору з багатьох даних.

<select name="gender">
<option value="man">Muž</option>
<option value="woman">Žena</option>
</select>

Після відправки форми відправляється значення в value.

.

Кнопка "Надіслати

Форма може мати необмежену кількість кнопок відправки. До них легко потрапити:

<input type="submit" value="Odeslat">

При натисканні він бере всі дані з полів форми і відправляє їх на заданий скрипт:

Обробка даних на сервері

Далі потрібно відправити дані на сервер і там їх обробити, про це йдеться в наступній статті.

Jan Barášek   Více o autorovi

Autor článku pracuje jako seniorní vývojář a software architekt v Praze. Navrhuje a spravuje velké webové aplikace, které znáte a používáte. Od roku 2009 nabral bohaté zkušenosti, které tímto webem předává dál.

Rád vám pomůžu:

Související články

1.
2.
Status:
All systems normal.
2024