Отново?

Принципно вече сме покрили HTML формите в упражнението за html.

Сега просто ще го припомним и ще покажем как работим с данните от PHP.

Ако в час сте гледали друга презентация, то ето ви линк към старата.

Форма

Изпраща POST заявка към http://localhost/rate-product.php

`method` = `post` или `get` (default).

Принципно HTTP има още 2 метода - `put` и `delete`, но не можем да ги използваме директно от HTML.

`action` - адресът, където сървърът (php) ще обработи заявката. Ако го оставим празно, то формата ще се изпрати към текущия адрес.

Основни тагове

• `input` - поле за въвеждане. Един от малкото самозатварящи тагове. Атрибути
  • `name` - чрез него ще достъпваме данните от сървъра.
  • `type` - `text password radio checkbox hidden submit ... email number date color range`
  • `id` - идентификатор, който може да се използва от `label` таг
  • `pattern` - regex (регулярен израз) за валидация. regex презентация
  • `required`, `disabled` и `autofocus`

• `label` - "етикет" на дадено поле - кликнете върху него и то ще се активира.

  Има 2 начина за използване

  1. `input` тагът да се сложи вътре в `label`-a
  2. `for` атрибутът да има стойност равна на `id` на съответния `input`
• `textarea` - Текстово поле с много редове. НЕ Е самозатварящ се таг.

Основни тагове - Demo

Други тагове

• fieldset - елемент, групиращ релевантни части от формата
• legend - заглавие на parent fieldset-а си
• button - бутон - НЕ Е самозатварящ се. type = submit (default) reset button
• select - dropdown меню. Поддържа атрибут multiple.
• option - опция от select (или datalist) - може да има атрибут selected
• optgroup - Групира опции от select. Текстът в атрибут label ще се покаже.
• datalist - Autocomplete стойности за даден input. Bad browser support :(

Други тагове - Demo

PHP - обработка на заявки

http://localhost/?name=World

• В PHP имаме глобални променливи $_GET и $_POST.
• Асоциативни масиви съдържащи данните, подадени от HTTP заявките.
• При GET заявките данните се виждат и в url-a като query-string.

Обработка на POST заявки

Забележете, че тялото на заявката съдържа данните този път.

Валидация на формуляр

Не забравяйте, че сте програмисти - ако имате повече изисквания - измислете си някоя структура и алгоритъм ;) copy-paste е лоша практика.

Задача

Направете форма за добавяне на избираеми дисциплини и сървърна част, която да показва, валидира и записва формата. Тя трябва да съдържа:

• Име на предмета - задължително, с максимална дължина - 150 символа
• Преподавател - задължително, с максимална дължина - 200 символа
• Описание - задължително, минимална дължина - 10 символа
• Група - една измежду М, ПМ, ОКН и ЯКН
• Кредити - цяло положително число

Всяко поле трябва да отговаря на посочения тип и да има валидация по зададените правила.

Засега е ок всичко да е в един файл за домашните. Когато понаучим още неща обръщаме по-голямо внимание на разделянето на различните действия.

• Moodle