Как да създадете полета за формуляри

Съдържание:

Как да създадете полета за формуляри
Как да създадете полета за формуляри

Видео: Как да създадете полета за формуляри

Видео: Как да създадете полета за формуляри
Видео: Как да създадем формуляр на Word 2024, Ноември
Anonim

Обработката на данните, които посетителите изпращат до сървъра след попълване на уеб формулярите, се извършва от специална програма (скрипт). Следователно има смисъл да добавяте полета към формуляр, публикуван на уеб страница, само ако в скрипта са програмирани функции за работа с тези полета. Ако това условие е изпълнено, остава да се извърши относително простата част от работата по добавяне на тагове към изходния код на страницата, които образуват задължителните полета.

Как да създадете полета за формуляри
Как да създадете полета за формуляри

Необходимо е

Основни познания по HTML

Инструкции

Етап 1

Операцията по формиране на необходимите тагове може да бъде поета от редактора на страници, ако имате възможност да използвате режима за визуално редактиране в него. Такъв редактор може да бъде неразделна част от системата за управление на съдържанието - въведете го и заредете страница с формуляр, в който трябва да се добавят нови полета. Използвайте операциите за копиране и поставяне - изберете и копирайте няколко съществуващи елемента (полето за въвеждане и текста, свързан с него), след това кликнете върху страницата, където трябва да бъде поставено допълнителното поле, и поставете копираното.

Стъпка 2

След това редактирайте свойствата на всеки елемент от двойката поотделно. Просто изберете надписа с мишката и въведете нов текст, а за полето за въвеждане използвайте бутона в панела на редактора, който отваря свойствата му. В свойствата поне трябва да промените стойността в полето за име - тя трябва да съответства на името на полето, програмирано в скрипта за обработка. Повторете копиране / поставяне за необходимия набор от полета и запазете страницата.

Стъпка 3

Ако няма достъп до визуално редактиране, отворете изходния код на страницата във всеки текстов или специализиран редактор и добавете необходимите маркери към него. Този метод изисква известни познания по HTML и техники за оформление на уеб страници. За да добавите просто текстово поле към формуляра, използвайте входния маркер, добавяйки текста на стойност към атрибута type. В допълнение към този атрибут се изисква само име - то трябва да съдържа името на това поле на формуляр, известно на скрипта на манипулатора. Използвайки други атрибути, можете да зададете броя на символите, които визуално определят дължината на полето за въвеждане (атрибут размер), максимално допустимия брой символи (maxlength), параметри на стила (стил), членство в клас (клас) и т.н. Този таг може да се види в кода, например по следния начин:

Стъпка 4

За многоредово текстово поле използвайте маркера textarea. Състои се от две части - отваряне и затваряне. В първата трябва да зададете стойността на името и като използвате атрибутите редове и колони, можете да зададете броя на редовете и колоните на този елемент на формуляр. Например:

Стъпка 5

Други типове полета на формуляра могат да бъдат квадратчета за отметка - за да ги формирате също използвайте входния маркер, но за разлика от текстовото поле с един ред, посочете стойността на квадратчето в атрибута type. Ако този елемент на формуляр трябва да бъде проверен, добавете атрибута check към неговия маркер. Например:

Стъпка 6

За да вмъкнете поле за избор във формуляра и да качите файл, използвайте същия входен таг със стойността на файла в атрибута type. Например:

Стъпка 7

По-сложната конструкция формира поле със падащ списък. Той трябва да съдържа двойка отварящи и затварящи маркери за избор. Поставете двойки етикети с опции между тях, като всеки посочва един ред за избор. Отварящите маркери трябва да съдържат атрибута value (стойността му ще бъде предадена на сървъра), а между отварящата и затварящата части поставете текста, който посетителят ще види в този ред от списъка. Например: Първи ред за избор Втори ред за избор Трети ред за избор

Препоръчано: