Урок по HTML (Урок 14 (HTML формуляри))
HTML формуляр е документ, създаден с помощта на HTML елементи. Целта на формуляра е да събира информация от потребителите. След като потребителят попълни формуляра и стартира процеса на обработката му, информацията от него постъпва в програмата, работеща на сървъра. Друга програма, наречена Общ интерфейс на шлюза (CGI) обработва го. По този начин потребителят може да взаимодейства интерактивно с уеб сървъра през Интернет.
Елементи на формуляра (& lt FORM & gt елемент)
Елемент & lt ФОРМА & gt използва се за означаване на документ като форма. Този елемент определя границите на използването на други елементи, поставени във формуляра.
& lt FORM & gt се дефинира от последователност от & lt INPUT & gt елементи, вложени в двойката & ltFORM & gt и & lt/FORM & gt. Елементът за форма използва like метод, така и действай за да опише как формулярът обработва въвеждането от потребителя:
- метод (GET или POST) - дефинира как програмистът трябва да обработва входа от формуляра.
- действай - показва URI на програмата, отговорна за обработката на данните.
Този елемент поддържа атрибутите ACTION, ENCTYPE, METHOD .
Събиране на данни с помощта на формуляри (& lt INPUT & gt елемент)
Елемент & lt ВХОД & gt използва се за дефиниране на област в рамките на формуляр, в който се събират данни. Този елемент е поле за въвеждане от потребителя (обикновено един ред текст). В този случай атрибутът е задължителен ИМЕ за да дефинирате името на полевата променлива.
Могат да се използват следните атрибути:
- MAXLENGTH - ограничава броя на въведените символи (по подразбиране няма ограничение)
- РАЗМЕР - размерът на областта, видима на екрана, заета от текущото поле. Ако MAXLENGTH> SIZE, браузърът ще превърта през данните в прозореца.
- VALUE - определя началната стойност на полето за въвеждане.
Пример 1 - проста форма за въвеждане:
В прозореца на браузъра ще изглежда така:
Атрибут CHECKBOX
Когато създавате формуляри, често е необходимо да получите отговора на потребителя на въпрос като (Да/Не) или (Вярно/Невярно). Например трябва да изберете няколко стойности от списък. Можете да използвате атрибута за създаване на квадратчета за отметка във формуляри. ЧЕКБОКС . Няколко флага могат да бъдат проверени в зависимост от съдържанието.
Следните атрибути трябва да се използват заедно с атрибута CHECKBOX:
- ПРОВЕРЕН - инициализира дадения флаг, както е маркиран
- ИМЕ - име на полето за въвеждане на формуляра
- VALUE - стойността на полето за въвеждане
Пример 2 (елементът "Котлети" е посочен, както е отбелязан по-рано):
& ltP & gt Изберете любимото си ястие:
& ltFORM & gt
& ltINPUT TYPE = & quotcheckbox & quot ИМЕ = & quotfood & quot VALUE = & quotPelmeni & quot & gt Pelmeni & ltBR & gt
& ltINPUT TYPE = & quotcheckbox & quot ИМЕ = & quotfood & quot VALUE = & quotНовини & quot & gt Зеленчуци & ltBR & gt
& ltINPUT TYPE = & quotcheckbox & quot ИМЕ = & quotfood & quot VALUE = & quotCutlets & quot ПРОВЕРЕН & gt Котлети & ltBR & gt
& lt/ФОРМА & gt
В прозореца на браузъра ще изглежда така:
Изберете любимото си ястие:
Атрибут IMAGE
В зависимост от съдържанието на формуляра може да се случи, че потребителят трябва да кликне върху изображението, за да попълни формуляра. Атрибутът IMAGE се използва за организиране на това.
След като потребителят щракне върху изображението, браузърът записва координатите на съответната точка на екрана и приема цялата форма.
Следните атрибути трябва да се използват с атрибута IMAGE:
- ALIGN е незадължителен атрибут, който показва позицията на изображението на екрана (подобно на елемента IMAGE)
- ИМЕ - име на полето за въвеждане на формуляра
- SRC - URI на изходния файл на изображението