Какво представляват формулярите в html. Създаване на формуляр в HTML. Методи за предаване на информация

Атрибути на формуляра:

• Атрибутът action указва сървърен файл със скрипт, отговорен за основната обработка на данните, изпратени от формуляра. Обикновено кодът за този файл е написан на език за програмиране от страна на сървъра, например в phpили perl.
• Атрибутът enctype показва вида на информацията, предавана на сървъра, ако това са само текстови данни - text/plain, ако файловете се изпращат с формуляра, тогава трябва да се посочи multipart/form-data.
• Атрибутът на метода указва и дефинира формата на трансфер на данни. Няма да се спираме на това подробно, но трябва да се каже, че за по-надеждно предаване трябва да се посочи методът на пощата.

Елементи на HTML форма

<тип вход = "текст" име = "вход" размер = "20" стойност = "Вход" maxlength = "25" > !}

Резултат:

• Стойността на атрибута type - text - показва, че това е текстово поле
• размер — размер на текстовото поле в символи
• maxlength — максимален брой символи, които могат да се поберат в полето
• стойност - начален текст в текстовото поле
• име — име на елемент, необходимо за обработка на данни във файла манипулатор

Резултат:


Вместо текст в полето се показва маска - звездички или кръгчета

<входен тип = "подаване" стойност = „Изпращане на данни“>

Резултат:

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

<input type = "reset" value = "Clear form" > !}

Резултат:

Бутонът връща състоянието на всички контроли в първоначалното им състояние (изчиства формуляра)

<input type = "checkbox" name = "asp" value = "yes" > !} A.S.P.<br> <тип вход = "кутия за отметка" име = "js" стойност = "да" checked = "checked" > !} javascript<br> <тип вход = "кутия за отметка" име = "php" стойност = "да" > !} PHP<br> <input type = "checkbox" name = "html" value = "yes" checked = "checked" > !} HTML<br>

A.S.P.
javascript
PHP
HTML



Резултат:

A.S.P.
javascript
PHP
HTML

В html поле за отметка се използва за организиране на множествен избор, т.е. когато е необходимо и възможно да изберете няколко варианта за отговор

<тип вход = "радио" име = "книга" стойност = "asp" > !} A.S.P.<br> <тип вход = "радио" име = "книга" стойност = "js" > !} Javascript<br> <тип вход = "радио" име = "книга" стойност = "php" > !} PHP<br> <входен тип = "радио" име = "книга" стойност = "html" checked = "checked" > !} HTML<br>

A.S.P.
Javascript
PHP
HTML




Резултат:

A.S.P.
Javascript
PHP
HTML

радио бутон html служи за един избор от няколко опции

Атрибутът checked незабавно задава елемента като отметнат

Важно:За елементи радионеобходимо е стойността на атрибута имевсички елементи в групата са еднакви: в този случай елементите ще работят взаимосвързани, когато един елемент е включен, останалите ще бъдат изключени

HTML падащ списък

Нека да разгледаме пример за добавяне на падащ списък:

A.S.P. JavaScript PHP HTML

Резултат:

• Падащият списък се състои от основен таг - изберете - който има затваряща двойка, а всеки елемент от списъка е таг с опции, вътре в който се показва текстът на елемента
• размер атрибут със стойност "1"показва, че свитият списък показва един елемент, останалите се отварят чрез щракване върху стрелката на менюто
• Избраният атрибут на елемент (опция) показва, че този конкретен елемент ще бъде първоначално видим, а останалите елементи са „свити“

За големи и сложни списъци има опция добавете подзаглавия— етикет optgroup с атрибут label:

A.S.P. JavaScript PHP HTML ASP на руски JavaScript на руски

Да предостави възможност избиране на няколко елемента наведнъжтрябва да добавите множествения атрибут. Но в този случай атрибутът size също трябва да бъде зададен на стойност, по-голяма от 1:

Текст

Резултат:

• Ширината на елемента зависи от атрибута cols, който определя колко знака ще се поберат хоризонтално
• Атрибутът rows указва броя на редовете в даден елемент

Други елементи

Допълнителни елементи и атрибути

• За контроли радиоИ отметкаУдобно е да използвате допълнителни елементи, които, първо, обвързват текста към самия елемент на радиото или полето за отметка и второ, добавят удар при щракване:

<input type = "checkbox" id = "book1" > <етикет за = "book1" > A.S.P.</етикет>

A.S.P.

В примера е създаден надпис (етикет етикет) за елемента отметка. Свързването се осъществява чрез атрибута id, чиято стойност е посочена в атрибута for на етикета.

Резултат:



• Атрибутът disabled ви позволява да заключите елемент, което го прави непроменен от потребителя:

<тип вход = "текст" име = "вход" размер = "20" стойност = "Вход" maxlength = "25" disabled = "disabled" >!} <input type = "checkbox" name = "asp" value = "yes" > !} A.S.P.<br> <тип вход = "кутия за отметка" име = "js" стойност = "да" checked = "checked" disabled = "disabled" > !} javascript<br>


A.S.P.
javascript

HTML формае инструмент, с който HTML документ може да изпрати някаква информация до някаква предварително определена точка във външния свят, където информацията ще бъде обработена по някакъв начин.

Доста е трудно да се говори за форми в урок, посветен на HTML. Причината е много проста: създаването на HTML формуляр е много по-лесно от създаването на „точката във външния свят“, към която HTML формулярът ще изпраща информация. В повечето случаи такава „точка“ е програма, написана на Perl или C.

Програмите, които обработват данни, изпратени от формуляри, често се наричат ​​CGI скриптове. Акронимът CGI означава Common Gateways Interface. Писането на CGI скриптове в повечето случаи изисква добро познаване на съответния програмен език и възможности операционна система Unix.

Понастоящем езикът PHP/FI е доста разпространен, чиито инструкции могат да бъдат вградени директно в HTML документи (документите се записват като файлове с разширение *.pht или *.php).

HTML формулярите предават информация на програмите за обработка под формата на двойки [име на променлива]=[стойност на променлива]. Имената на променливите трябва да бъдат посочени с латински букви. Стойностите на променливите се третират като низове от манипулатори, дори ако съдържат само числа.

Как работи HTML формата

Формата се отваря с етикета

Етикет

Надписът, поставен върху бутона, може, ако е необходимо, да бъде предаден на манипулатора чрез въвеждане на атрибута NAME=[име] в дефиницията на бутона (прочетете „име“, от английски „име“), например:

Когато щракнете върху такъв бутон, манипулаторът, заедно с всички други данни, ще получи променлива за бутон със стойността Да тръгваме! .

Един формуляр може да има множество бутони за изпращане с различни имена и/или стойности. По този начин манипулаторът може да действа по различен начин в зависимост от това кой бутон за изпращане е щракнал потребителят.

Как HTML формуляр събира данни

Има и други видове елементи . Всеки елемент трябва да включва атрибута NAME=[name], който указва името на елемента (и съответно името на променливата, която ще бъде предадена на манипулатора). Името трябва да бъде посочено само с латински букви. Повечето елементи трябва да включва атрибута VALUE="[стойност]" , определяющий значение, которое будет передано обработчику под этим именем. Для элементов !} И , но този атрибут не е задължителен, тъй като стойността на съответната променлива може да бъде въведена от потребителя с помощта на клавиатурата.

Основни видове елементи :

TYPE=текст

Определя прозорец за въвеждане на ред текст. Може да съдържа допълнителни атрибути SIZE=[число] (ширина на прозореца за въвеждане в символи) и MAXLENGTH=[число] (максимално разрешена дължина на входния низ в символи).

Пример:

Определя прозорец с ширина 20 знака за въвеждане на текст. По подразбиране прозорецът съдържа текст Иван, който потребителят може да редактира. Редактираният (или нередактиран) текст се предава на манипулатора в потребителската променлива.

TYPE=парола

Определя прозорец за въвеждане на парола. Абсолютно подобен на типа текст, само че вместо символи на въведения текст показва звездички (*) на екрана. Пример:

Определя прозорец с ширина 20 знака за въвеждане на парола. Максималната разрешена дължина на паролата е 10 знака. Въведената парола се предава на манипулатора в променливата pw.

TYPE=радио

Определя радио бутон. Може да съдържа допълнителен отметнат атрибут (указва, че бутонът е отметнат). В група радио бутони с еднакви имена може да има само един етикетиран радио бутон.

Пример:

9600 bps
14400 bps
28800 bps

Дефинира група от три бутона за избор, обозначени с 9600 bps, 14400 bps и 28800 bps. Първият от бутоните е първоначално етикетиран. Ако потребителят не маркира друг бутон, модемната променлива със стойност 9600 ще бъде предадена на манипулатора. Ако потребителят маркира друг бутон, модемна променлива със стойност 14400 или 28800 ще бъде предадена на манипулатора.

TYPE=квадрат за отметка

Определя квадрат, в който може да се направи маркировка. Може да съдържа допълнителен отметнат атрибут (указва, че квадратът е отметнат). За разлика от радио бутоните, група от квадрати с едно и също име може да има множество обозначени квадрати.

Пример:

Персонални компютри
Работни станции
Сървъри локални мрежи
Интернет сървъри

Определя група от четири квадрата. Вторият и четвъртият квадрат са първоначално маркирани. Ако потребителят не направи промени, две променливи ще бъдат предадени на манипулатора: comp=WS и comp=IS.

TYPE=скрит

Дефинира скрит елемент от данни, който не се вижда от потребителя при попълване на формуляра и се предава на манипулатора непроменен. Понякога е полезно да има такъв елемент във формуляр, който се преработва от време на време, така че манипулаторът да знае с коя версия на формуляра работи. Лесно можете сами да измислите други възможни приложения.

Пример:

Дефинира скрита променлива на версията, която се предава на манипулатора със стойност 1.1.

TYPE=нулиране

Дефинира бутон, който при натискане връща HTML формуляра в първоначалното му състояние. Тъй като не се предават данни към манипулатора при използване на този бутон, бутонът за нулиране може да няма атрибут за име.

Пример:

Дефинира бутон за изчистване на полетата на формуляра, който при щракване връща HTML формуляра в първоначалното му състояние.

Освен елементите , HTML формулярите могат да съдържат менюта и полета за въвеждане на текст .</p> <p>Меню <SELECT>от n елемента изглежда по следния начин:</p><p> <SELECT NAME="[имя]"> <OPTION VALUE="[стойност 1]">[текст 1] <OPTION VALUE="[стойност 2]">[текст 2] ... <OPTION VALUE="[стойност n]">[текст n]</SELECT> </p><p>Както можете да видите, менюто започва с етикета <SELECT>и завършва с етикета</SELECT>. Етикет <SELECT>съдържа задължителен атрибут NAME, който указва името на променливата, която менюто генерира.</p> <p>Етикет <SELECT>може да съдържа и атрибут MULTIPLE, чието присъствие показва, че могат да бъдат избрани множество елементи от менюто. Повечето браузъри показват меню <SELECT MULTIPLE>под формата на прозорец, в който са разположени елементи от менюто (височината на прозореца в редове може да се зададе с атрибута SIZE=[number]). Меню <SELECT>в повечето случаи се показва като падащо меню.</p> <p>Етикет <OPTION>дефинира елемент от менюто. Задължителният атрибут VALUE задава стойността, която ще бъде предадена на манипулатора, ако този елемент от менюто е избран. Етикет <OPTION>може да включва атрибут checked, показващ, че елементът е маркиран по подразбиране.</p> <h3>Нека да разгледаме малък пример:</h3> <SELECT NAME="selection"> <OPTION VALUE="Опция 1" checked>Опция 1 <OPTION VALUE="опция2">Вариант 2 <OPTION VALUE="опция3">Вариант 3</SELECT> <p>Този фрагмент дефинира меню от три елемента: Опция 1, Опция 2 и Опция 3. По подразбиране е избран елемент Опция 1. На манипулатора ще бъде предадена променлива за избор, чиято стойност може да бъде опция1 (по подразбиране), опция2 или опция3.</p> <p>След всичко, което вече научихме, елементът <TEXTAREA>може да изглежда доста просто. Например:</p><p> <TEXTAREA NAME=address ROWS=5 COLS=50>А ето и вашия адрес...

Всички атрибути са задължителни. Атрибутът NAME определя името, под което съдържанието на прозореца ще бъде прехвърлено към манипулатора (в примера - адрес). Атрибутът ROWS задава височината на прозореца в редове (5 в примера). Атрибутът COLS задава ширината на прозореца в символи (50 в примера).

Текст, поставен между тагове И, представлява съдържанието по подразбиране на прозореца. Потребителят може да го редактира или просто да го изтрие.

Важно е да знаете, че в прозореца има руски букви когато се предават на манипулатор, те могат да бъдат преобразувани в съответните им символни обекти.</p> <h3>Пример:</h3> <p>За да демонстрирам използването на HTML формуляри, написах малка програма на PHP, която се намира на:</p><p>http://206.31.82.215/hp/nc/fd-win.pht</p><p>Изходните данни ще бъдат прехвърлени към тази програма чрез формата, описана в пример 12:</p><p> <HTML> <HEAD> <TITLE>Пример 12</TITLE> </HEAD> <H1>Малко по-сложна форма</H1> <FORM ACTION="http://206.31.82.215/hp/nc/fd-win.pht" METHOD=post> <H2>Разкажете ни малко за себе си...</H2> <P>Не е необходимо да предоставяте истинска информация. За демонстрационни цели фиктивните също са доста подходящи.</P> <P>Име: <INPUT TYPE=text SIZE=40 NAME=fn><BR>Фамилия: <INPUT TYPE=text SIZE=40 NAME=ln><BR>Етаж: <INPUT TYPE=radio NAME=gender VALUE="мъжки" checked>мъжки <INPUT TYPE=radio NAME=gender VALUE="женски пол">женски пол <BR>Възраст: <INPUT TYPE=text SIZE=5 NAME=age>години <BR> <INPUT TYPE=submit VALUE="Изпълнение на манипулатора"></P> </FORM> </BODY> </HTML> </p><p>Попълнете HTML формата, щракнете върху бутона и вижте какво се случва...</p> <p><b>Малък трик <br>или как да изпратите формуляра по пощата</b></p><p>Всичко това е добре, ще кажат скептиците, но защо, по дяволите, хората се нуждаят от HTML форми, които нямат с какво да ги обработват? Това е отчасти вярно, но само отчасти.</p> <p>HTML предоставя на ваше разположение доста мощен механизъм за изпращане на съдържание на формуляр чрез <a href="https://cammeteo.ru/bg/kak-nastroit-server-elektronnoi-pochty-nastroika-pochtovyh-programm---klyuchevye/">електронна поща</a>. Ето как изглежда на практика.</p> <p>Да кажем, че сме променили леко Пример 12. Вместо низа</p><p> <FORM ACTION="http://206.31.82.215/hp/nc/fd-win.pht" METHOD=post> </p><p>влязохме в линията</p><p> <FORM ACTION="mailto:user@mail.box" ENCTYPE=text/plain> </p><p>Моля, имайте предвид, че сменихме алгоритъма за кодиране на текст/обикновен, тоест всъщност изключихме кодирането напълно.</p> <p>Да приемем сега, че потребителят е посочил име Иван, фамилия Петров, мъжки пол и възраст 22 години. Сега въпросът е: какво се случва, ако потребителят щракне върху бутона Run Handler?</p> <p>Отговорът е лесен. Следното съобщение ще бъде изпратено автоматично до user@mail.box по имейл:</p><p>Fn=Иван ln=Петров пол=мъж възраст=22г</p><p>За съжаление, не всички потребители ще могат да използват този HTML формуляр. Факт е, че цялата работа по съставяне на съобщение и стартиране на имейл програма за изпращането му всъщност се поема от браузъра на потребителя. Това означава, че конфигурацията за достъп до интернет на потребителя трябва да гарантира едновременното функциониране на протокола за прехвърляне на хипертекст и протокола за доставка на изходяща поща. Това не винаги е възможно. Но дори и това да е невъзможно, нищо фатално няма да се случи. Браузърът просто ще покаже съобщение за грешка.</p> <table width="635" border="0"><tr><td width="200"> </td><td> </td><td width="200"> </td> </tr></table> <br><p>Формите в HTML са най-сложната, но от друга страна може би най-интересната тема в HTML.</p> <p>Уеб формулярите позволяват на посетителите на сайта да въвеждат определена информация в специални полета, а разработчикът я получава в удобна за него форма.</p> <p>Пример за формуляр може да бъде книга за гости, въпросник или онлайн тест. Формулярите се попълват при регистрация в сайта, при правене на поръчки в онлайн магазин и др.</p> <p>Използвайки HTML, можете да създадете рамка на формуляр: текстови полета, менюта, списъци, бутони, квадратчета за отметка и радио бутони. Тоест тези елементи, с помощта на които се въвежда определена информация във формуляра.</p> <p>След това въведените във формата данни се изпращат на сървъра за обработка. Но HTML тук е безсилен - програма или скрипт, който е прикачен към него, вече работи върху обработката на формата. Такива програми обикновено са написани на PHP или JavaScript.</p> <h4>Атрибути на формата - таг <form></h4> <p>На една уеб страница може да има няколко формуляра ( <i>толкова, колкото е необходимо на разработчика</i>). Всеки от тях започва с етикета <form>и завършва със затварящ таг</form> .</p> <p>Атрибутът action е задължителен за всеки формуляр - той указва адреса на файла, който обслужва формуляра ( <i>обработва въведените в него данни</i>).</p> <p>Атрибутът на метода указва как ще бъде изпратено съдържанието на формуляра. Има два метода - GET и POST. Сега няма смисъл да се задълбочаваме в тези параметри, тъй като темата за изпращане на информация чрез методите GET и POST се отнася до езиците за обработка на данни ( <i>например PHP</i>). Достатъчно е да знаете, че методът за прехвърляне на данни POST се използва в повечето случаи във формуляри.</p> <p>Атрибут име на етикет <form>не е задължително. Но ако има няколко формуляра в документа, тогава всеки от тях трябва по някакъв начин да бъде идентифициран от манипулатора. Следователно наличието на атрибут name в този случай е необходимо - той указва уникалното име на формата.</p> <p>Можете също така да зададете кодирането за входните данни - атрибутът accept-charset е отговорен за това, а също така, като използвате целевия атрибут, задайте прозореца, в който ще се покаже резултатът от обработката на изпратения формуляр ( <i>в нов или текущ прозорец</i>).</p> <p>Но самият етикет <form>няма смисъл, защото формулярът предава данни, които първо трябва да бъдат въведени някъде!</p> <h4>Въвеждане на данни. Полета на формуляри - етикет <input></h4> <p>Етикет <input>Това е най-често срещаният етикет във формуляри. Предназначен е за създаване на различни елементи, които служат за въвеждане на данни във формуляр: текстови полета, бутони, квадратчета за отметка, радио бутони.</p> <p>type е основният атрибут на етикета <input>. Той задава типа поле ( <i>елемент</i>) форми:</p> <table width="100%" border="1"><tr><td width="300px"> <p>Тип стойност на атрибут = "..."</p> </td> <td width="245px"> <p>Резултат</p> </td> <td> <p>Описание</p> </td> </tr><tr><td> <p><input type="text" size="20" value="Твоето име..." ></p> </td> <td align="center"> </td> <td><p>Едноредово текстово поле за въвеждане на текст. Атрибутът size указва ширината на полето в знаци.</p> </td> </tr><tr><td><p><input type="password" maxlength="10" size="20" ></p> </td> <td align="center"> </td> <td><p>Текстово поле за въвеждане на парола. <br>Атрибутът maxlength се задава <a href="https://cammeteo.ru/bg/pozdravleniya-klienta-v-rassylkah-ot-avtocentra-sms-akcii-kak-privlech/">максимална сума</a>символи, които могат да бъдат въведени</p> </td> </tr><tr><td><p><input type="radio" name="radio" value="1" checked></p> <p><input type="radio" name="radio" value="2" ></p> <p><input type="radio" name="radio" value="3" ></p> </td> <td align="center"> </td> <td><p>Превключване. <br>Можете да изберете само една опция от предложените. Атрибутът checked указва предварително маркирано поле.</p> </td> </tr><tr><td><p><input type="checkbox" name="flag" value="1" checked></p> <p><input type="checkbox" name="flag" value="2" ></p> <p><input type="checkbox" name="flag" value="3" ></p> </td> <td align="center"> </td> <td><p>Квадратче за отметка. <br>Има няколко възможности за избор.</span>Атрибут <span>checked дефинира предварително маркирано поле.</p> </td> </tr><tr><td><p><input type="button" value="Бутон" ></p> </td> <td align="center"> </td> <td><p>Бутон. <br>Атрибутът стойност задава етикета на бутона.</p> </td> </tr><tr><td><p><input type="reset" value="Нулиране" ></p> </td> <td align="center"> </td> <td><p>Бутон за рестартиране. <br>Връща полетата на формуляра в оригиналния им вид. Нулирайте въведените данни.</p> </td> </tr><tr><td><p><input type="submit" ></p> </td> <td align="center"> </td> <td><p>Бутон за изпращане на въведените данни.</p> </td> </tr><tr><td><p><input type="file" ></p> </td> <td align="center"> </td> <td><p>Поле за въвеждане на името на изпращания файл.</p> </td> </tr><tr><td><p><input type="image" src="img/buttom.gif" ></p> </td> <td align="center"> </td> <td><p>Бутон за изображение. <br>Използва се и за изпращане на данни към сървъра. Атрибутът src указва адреса на файла с изображение.</p> </td> </tr><tr><td><p><input type="hidden" size="20" ></p> </td> <td align="center"> </td> <td><p>Скрито поле - невидимо за потребителя.</p> </td> </tr></table><h3>Падащо меню - Етикети <select>И <option></h3> <p>Етикет <select>същото като етикет <input>служи за събиране на информация - създава списък, от който могат да бъдат избрани един или повече елементи. Всеки елемент отговаря на стойност, която се изпраща на сървъра за обработка.</p> <p>Типът на създадения списък зависи от стойността на атрибута size: с size= "1" ( <i>стойност по подразбиране</i>) списъкът ще бъде падащ.</p> <p>Различна стойност за атрибута размер ще съответства на броя на показаните елементи от списъка. Например с size="3" ще се виждат три елемента. За да видите други елементи от списъка ( <i>ако има такива</i>) трябва да се използва <a href="https://cammeteo.ru/bg/zheltye-vertikalnye-polosy-na-monitore-chto-delat-esli/">вертикална ивица</a>превъртане, което се добавя автоматично.</p> <p>По подразбиране може да бъде избран само един елемент от списъка. Добавяне на множествения атрибут към таг <select>ви позволява да изберете няколко елемента от списък с помощта на мишката и клавишите Ctrl и Shift.</p> <p>Ако присъства множественият атрибут, всички или част от елементите на списъка ще бъдат показани ( <i>в зависимост от браузъра</i>), ако атрибутът size не е зададен на определен брой видими елементи.</p> <p>Задължителният елемент от падащия списък е етикетът <option>. Намира се вътре в етикета <select>и създава всеки елемент от списъка.</p> <p>Използване на атрибута име на етикета <select>на списъка се дава име и се използва атрибутът стойност на етикета <option>на елемента от списъка се присвоява стойност. По този начин към сървъра се изпраща двойка “име=стойност” - името на списъка и стойността на избрания елемент/и.</p> <p>Избран атрибут на таг <option>дефинира предварително избран елемент от списък и атрибутът disabled блокира елемента от списъка - той не може да бъде избран.</p> <p><img src='https://i2.wp.com/webpupil.ru/img/java/java_example.jpg' height="68" width="200" loading=lazy loading=lazy></p> <p><form> <br><p>Кардиналната посока е една от четирите основни посоки:</p> <br> <select name= "storona" > <br> <option value= "север" >север</option><br> <option value= "юг" >юг</option><br> <option value= "запад" >запад</option><br> <option value= "изток" >изток</option> <br> </select><br><p>7 чудеса на света!</p> <br> <select name= "chudo" size= "4" multiple> <br> <option value= "1" >Хеопсовата пирамида</option><br> <option value= "2" selected> <span>Висящи градини на Вавилон</span> </option><br> <option value= "3" disabled> <span>Статуя на Зевс в Олимпия</span> </option><br> <option value= "4" > <span>Храмът на Артемида в Ефес</span> </option><br> <option value= "5" > <span>мавзолей в Халикарнас</span> </option><br> <option value= "6" > <span>Родоският колос</span> </option><br> <option value= "7" > <span>Александрийски фар</span> </option><br> </select><br><p> <input type= "reset" value= "Нулиране" > </p> <br> </form> </p> <p><img src='https://i0.wp.com/webpupil.ru/img/java/java_result.jpg' height="61" width="200" loading=lazy loading=lazy></p> <h3>Многоредово текстово поле - таг <textarea></h3> <p>Етикет <textarea>създава многоредово текстово поле. Допустимо е да се правят прекъсвания на редове, които се запазват при предаване на данни към манипулатора.</p> <p>Атрибут име на етикет <textarea>е задължително - чрез него се дава име на текстовото поле.</p> <p>Атрибутът disabled забранява полето - съдържанието на полето не може да се променя и то не е достъпно. Атрибутът readonly показва, че полето е само за четене - потребителят няма възможност да редактира съдържанието, но е достъпно - може да бъде избрано и например копирано.</p> <p>Можете да зададете ширината на текстовото поле в символи и височината на полето в редове, като използвате съответно атрибутите cols и rows.</p> <p><img src='https://i2.wp.com/webpupil.ru/img/java/java_example.jpg' height="68" width="200" loading=lazy loading=lazy></p> <p><p> <textarea name= "text" cols= "40" rows= "5" readonly> <span>Ако съдържанието на полето надвишава неговия размер, ще се появи плъзгач.</span>

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

Пример за използване на формуляр

Сега да видим как работи формата.

Форма за поръчка на образователно видео:

Твоето име: *

Вашата поръчка:

Видео урок по HTML
Видео урок по CSS
Видео урок по PHP

Изберете медия:

CD

DVD

USB флаш памет

Твоят имейл: *

Вашият адрес: *

Описание

Етикет

Атрибути

Затварящ етикет

Задължително.

HTML5 IE Cr Op Sa Fx

Резултатът от този пример е показан на фиг. 1.

Ориз. 1. Изглед на елементи на формуляр в прозорец на браузър

Описание

Етикет

Атрибути

Затварящ етикет

Задължително.

HTML5 IE Cr Op Sa Fx

Резултатът от този пример е показан на фиг. 1.

Ориз. 1. Изглед на елементи на формуляр в прозорец на браузър