Ebapädev vorm html. HTML vormid. Mitu tekstisisestuse juhtnuppu

HTML vormid on juhtelemendid, mida kasutatakse veebisaidi külastajatelt teabe kogumiseks.

Veebivormid koosnevad tekstiväljade, nuppude, loendite ja muude juhtelementide kogumist, mis aktiveeritakse hiireklõpsuga. Tehniliselt edastavad vormid andmeid kasutajalt kaugserverisse.

Vormiandmete vastuvõtmiseks ja töötlemiseks kasutatakse veebiprogrammeerimiskeeli nagu PHP, Perl.

Enne HTML5 tulekut olid veebivormid mitme elemendi kogum , lõpetades nupuga . Erinevate brauserite vormide stiilimine nõudis palju pingutusi. Lisaks nõudsid vormid sisendi kinnitamiseks JavaScripti ja neil puudusid konkreetsed sisestusväljatüübid igapäevase teabe (nt kuupäevad, e-posti aadressid ja URL-id) täpsustamiseks.

HTML5 vormid lahendas enamiku neist levinud probleemidest uute atribuutide olemasoluga, pakkudes võimalust muuta vormielementide välimust CSS3.

Riis. 1. Täiustatud veebivormid HTML5-ga

HTML5 vormi loomine

1. Element

Iga vormi aluseks on element .... See ei nõua sisestust, kuna see on konteiner, mis hoiab koos kõiki vormi juhtelemente - väljad. Selle elemendi atribuudid sisaldavad teavet, mis on ühine kõikidele vormiväljadele, seega tuleb loogiliselt kombineeritud väljad kaasata ühele vormile.

Tabel 1. Sildi atribuudid

Atribuut	Tähendus/kirjeldus
aktsepteeri-märgikomplekt	Atribuudi väärtus on tühikuga eraldatud märgikoodide loend, mida kasutatakse vormi esitamiseks, näiteks .
tegevust	Nõutav atribuut, mis määrab selle serveri vormitöötleja URL-i, kuhu andmed saadetakse. See on fail (näiteks action.php), mis kirjeldab, mida tuleb vormiandmetega teha. Kui atribuudi väärtust pole määratud, võtavad vormielemendid pärast lehe uuesti laadimist vaikeväärtused. Kui kogu töö tehakse kliendi poolel JavaScripti skriptide abil, saate määrata action atribuudi väärtuse #. Samuti saate korraldada külastaja poolt täidetud vormi saatmise teile e-posti teel. Selleks peate tegema järgmise kirje:
automaatne täitmine
enctype	Kasutatakse näitamiseks MIME-tüüpi andmed, mis saadetakse koos vormiga, näiteks enctype="multipart/form-data" . Määratud ainult juhul, kui method="post" . Application/x-www-form-urlencoded on vaikesisutüüp, mis näitab, et edastatud andmed esindavad URL-i kodeeritud vormimuutujate loendit. Tühikumärgid (ASCII 32) kodeeritakse kui + ja erimärk, näiteks ! kodeeritakse kuueteistkümnendsüsteemis %21 . multipart/form-data – kasutatakse faile, mitte-ASCII andmeid ja binaarandmeid sisaldavate vormide esitamiseks, koosneb mitmest osast, millest igaüks esindab eraldi vormielemendi sisu. text/plain – näitab, et edastatakse tavalist (mitte html) teksti.
meetod	Määrab, kuidas vormi andmed esitatakse. Hankimismeetod edastab andmed serverisse brauseri aadressiriba kaudu. Serverile päringu genereerimisel moodustavad kõik muutujad ja nende väärtused järjestuse, näiteks www.anysite.ru/form.php?var1=1&var2=2 . Kas muutujate nimed ja väärtused lisatakse pärast märki serveri aadressile? ja neid eraldab &. Kõik erimärgid ja mitteladina tähed on kodeeritud vormingus %nn, tühik asendatakse +-ga. Seda meetodit tuleks kasutada juhul, kui te ei edasta suuri teabekoguseid. Kui peaksite koos vormiga faili saatma, siis see meetod ei tööta. Postitusmeetodit kasutatakse suurte andmemahtude, samuti konfidentsiaalse teabe ja paroolide saatmiseks. Selle meetodi abil saadetud andmed pole URL-i päises nähtavad, kuna need sisalduvad kirja sisus.
nimi	Komplektid vormi nimi, mida kasutatakse vormielementidele juurdepääsuks skriptide kaudu, näiteks name="opros" .
novalideerida	Keelab valideerimise vormi esitamise nupul. Atribuuti kasutatakse väärtust määramata
sihtmärk	Määrab akna, kuhu teave saadetakse: _blank – uus aken _self – sama kaader _parent — ülemraam (kui see on olemas, kui mitte, siis praegusesse) _top on selle raami suhtes kõrgeima taseme aken. Kui kõne ei tule lapskaadrist, siis samasse kaadrisse.

2. Vormielementide rühmitamine

Element

...

mõeldud omavahel seotud elementide rühmitamiseks, jagades seega vormi loogilisteks fragmentideks.

Iga elementide rühma saab elemendi abil nimetada , mis tuleb kohe pärast silti

. Grupi nimi kuvatakse vasakpoolses ülemises servas

. Näiteks kui elemendis

Kontaktandmed salvestatakse:

Riis. 2. Vormi elementide rühmitamine kasutades

Tabel 2. Sildi atribuudid

Atribuut	Tähendus/kirjeldus
puudega	Kui atribuut on olemas, siis rühm seotud vormielemente, mis asuvad konteineris , täitmine ja redigeerimine keelatud. Kasutatakse juurdepääsu piiramiseks teatud vormiväljadele, mis sisaldavad varem sisestatud andmeid. Atribuuti kasutatakse väärtust määramata - .
vormi	samas dokumendis. Tähistab üht või mitut vormi, millesse see elementide rühm kuulub. Atribuuti ei toeta praegu ükski brauser.
nimi	Määratleb Nimi, mida kasutatakse JavaScripti elementidele viitamiseks või vormi andmetele viitamiseks pärast vormi täitmist ja esitamist. See on analoog atribuudiga id.

3. Loo vormiväljad

Element loob enamiku vormivälju. Elemendi atribuudid erinevad olenevalt välja tüübist, mille loomiseks elementi kasutatakse.

CSS-stiilide abil saate muuta fondi suurust, fondi tüüpi, värvi ja muid teksti omadusi, samuti lisada ääriseid, taustavärvi ja taustapilti. Välja laius määratakse laiuse atribuudiga.

Tabel 3. Sildi atribuudid

Atribuut	Tähendus/kirjeldus
aktsepteerima	Määrab serverisse saatmiseks lubatud faili tüübi. Näidatud ainult . Võimalikud väärtused: file_extension – võimaldab alla laadida faile määratud laiendiga, näiteks accept=".gif" , accept=".pdf" , accept=".doc" audio/* – võimaldab helifaile alla laadida video/* – võimaldab videofaile alla laadida image/* – võimaldab pilte laadida media_type – näitab allalaaditud failide meediumitüüpi.
alt	Määratleb alternatiivne tekst piltide jaoks, näidatud ainult .
automaatne täitmine	Vastutab tekstiväljale sisestatud väärtuste meeldejätmise ja nende automaatse asendamise eest järgmisel sisestamisel: sees – tähendab, et väli ei ole kaitstud ja selle väärtust saab salvestada ja hankida, väljas – keelab vormiväljade automaatse täitmise.
autofookus	Võimaldab veenduda, et laaditud kujul on üks või teine sisestusväli juba fookuses (valitud), olles valmis väärtuse sisestamiseks.
kontrollitud	Atribuut kontrollib, kas selliste väljade puhul nagu type="checkbox" ja type="radio" on lehe laadimisel märgitud vaikimisi märkeruut.
puudega
vormi	Atribuudi väärtus peab olema võrdne elemendi id atribuudiga samas dokumendis. Määrab ühe või mitu vormi, millesse see vormiväli kuulub.
moodustamine	Määrab faili URL-i, mis vormi esitamisel väljadele sisestatud andmeid töötleb. Määrake ainult väljadele type="submit" ja type="image" . Atribuut alistab vormi enda action atribuudi väärtuse.
formenctüüp	Määrab, kuidas vormivälja andmed serverisse saatmisel kodeeritakse. Alistab vormi atribuudi enctype väärtuse. Määrake ainult väljadele type="submit" ja type="image" . Valikud: Application/-x-www-form-urlencoded on vaikeväärtus. Kõik märgid kodeeritakse enne saatmist (tühikud asendatakse + märgiga, erimärgid teisendatakse ASCII HEX väärtusteks) multipart/form-data – märgid ei ole kodeeritud text/plain – tühikud asendatakse + sümboliga ja erimärke ei kodeerita.
vormimeetod	Atribuut määrab meetodi, mida brauser kasutab vormiandmete serverisse esitamiseks. Määrake ainult väljadele type="submit" ja type="image" . Alistab vormi meetodi atribuudi väärtuse. Valikud: get on vaikeväärtus. Vormi andmed (paar nimi/väärtus) lisatakse URL-ile ja saadetakse serverisse: URL?name=value&name=value vormijärgsed andmed saadetakse http päringuna.
vorminovalidaat	Määrab, et vormi väljaandmeid ei tohiks vormi esitamisel kinnitada. Alistab vormi atribuudi novalidate väärtuse. Saab kasutada ilma atribuudi väärtust määramata.
vormisihtmärk	Määrab, kus kuvada pärast vormi esitamist saadud vastus. Määrake ainult väljadele type="submit" ja type="image" . Alistab vormi sihtatribuudi väärtuse. _parent – laadib vastuse vanemraami _top – laadib vastuse täisekraanil kaadrinimi – laadib vastuse määratud nimega kaadrisse.
kõrgus	Atribuudi väärtus sisaldab pikslite arvu mõõtühikut määramata. Määrab tüüpi type="image" vormivälja kõrguse, näiteks . Soovitatav on korraga määrata nii põllu kõrgus kui laius.
nimekirja	On viide elemendile , sisaldab selle id . Võimaldab anda kasutajale mitu valikut, mille vahel valida, kui ta hakkab vastavale väljale väärtust sisestama.
max	Võimaldab piirata arvandmete lubatud sisestust maksimaalse väärtusega; atribuudi väärtus võib sisaldada täis- või murdarvu. Soovitatav on kasutada seda atribuuti koos atribuudiga min. Töötab järgmiste väljatüüpidega: number, vahemik, kuupäev, datetime, datetime-local, kuu, kellaaeg ja nädal.
max pikkus	Atribuut määrab väljale sisestatavate märkide maksimaalse arvu. Vaikeväärtus on 524288 tähemärki.
min	Võimaldab piirata lubatud numbrisisendit minimaalse väärtusega.
mitmekordne	Võimaldab kasutajal sisestada mitu komaga eraldatud atribuudi väärtust. Kehtib failide ja e-posti aadresside kohta. Määratud ilma atribuudi väärtuseta.
nimi	Määrab nime, mida kasutatakse elemendile juurdepääsuks , näiteks css-i stiililehtedel. See on analoog atribuudiga id.
muster	Võimaldab määrata, kasutades regulaaravaldis nende andmete süntaks, mida tuleb lubada konkreetsele väljale sisestada. Näiteks muster="(3)-(3)" - nurksulud määravad vastuvõetavate märkide vahemiku, antud juhul - kõik väiketähed, lokkis sulgudes olev number näitab, et vaja on kolme väiketähte, millele järgneb sidekriips, seejärel kolm numbrit vahemikus 0 kuni 9.
kohatäide	Sisaldab teksti, mis kuvatakse sisestusväljal enne selle täitmist (enamasti on see kohtspikker).
Loe ainult	Ei võimalda kasutajal vormielementide väärtusi muuta, teksti valimine ja kopeerimine on endiselt saadaval. Määratud ilma atribuudi väärtuseta.
nõutud	Kuvab teate, mis näitab, et see väli on kohustuslik. Kui kasutaja proovib vormi esitada ilma sellele väljale nõutavat väärtust sisestamata, kuvatakse ekraanil hoiatusteade. Määratud ilma atribuudi väärtuseta.
suurus	Määrab välja nähtava laiuse tähemärkides. Vaikeväärtus on 20. Töötab järgmiste väljatüüpidega: tekst, otsing, tel, url, email ja parool.
src	Määrab vormi saatmise nupuna kasutatava pildi URL-i. Näidatud ainult väljale .
samm	Kasutatakse elementide jaoks, mis nõuavad arvväärtuste sisestamist, näitab summat, mille võrra väärtusi vahemiku reguleerimise protsessi (etapp) ajal suurendatakse või vähendatakse.
tüüp	nupp – loob nupu.
	märkeruut - muudab sisestusvälja märkeruuduks, mida saab kontrollida või tühjendada, nt. Mul on auto
	värv – loob toetavates brauserites värvipalette, võimaldades kasutajatel valida värviväärtusi kuueteistkümnendsüsteemis.
	kuupäev — võimaldab sisestada kuupäeva vormingus pp.kk.aaaa. Sünnipäev:
	datetime-local – võimaldab sisestada kuupäeva ja kellaaja, mis on eraldatud suure ingliskeelse T-tähega, kasutades mustrit pp.kk.aaaa hh:mm. Sünnipäev - päev ja kellaaeg:
	email – seda atribuuti toetavad brauserid eeldavad, et kasutaja sisestab andmed, mis vastavad e-posti aadresside süntaksile. E-post:
	fail – võimaldab faile kasutaja arvutist alla laadida. Vali fail:
	peidetud – peidab juhtelemendi, mida brauser ei kuva ja takistab kasutajal vaikeväärtusi muutmast.
	pilt – loob nupu, mis võimaldab sisestada nupule teksti asemel pildi.
	kuu – võimaldab kasutajal sisestada aasta ja kuu numbri, kasutades mustrit yyyy-mm.
	number - mõeldud täisarvude sisestamiseks. Selle atribuudid min , max ja step määravad vastavalt ülemise ja alumise piiri ning väärtuste vahelise sammu. Neid atribuute eeldatakse kõigi numbriliste näitajatega elementide puhul. Nende vaikeväärtused sõltuvad elemendi tüübist. Palun märkige kogus (1 kuni 5):
	parool - loob vormile tekstiväljad, samal ajal kui kasutaja sisestatud märgid asendatakse tärnide, täppide või muude brauseri installitud ikoonidega. Sisestage parool:
	raadio - loob lüliti - väikese ringi kujul oleva juhtseadme, mida saab sisse või välja lülitada. Taimetoit:
	vahemik - võimaldab teil luua liidese elemendi nagu liugur, min / max - võimaldab teil määrata valikuvahemiku
	lähtestamine – loob nupu, mis tühjendab kasutaja sisestatud andmete vormiväljad.
	otsing - tähistab otsinguvälja, vaikimisi on sisestusväli ristkülikukujuline. Otsing:
	esita – loob standardnupu, mis aktiveeritakse hiireklõpsuga. Nupp kogub vormilt informatsiooni ja esitab töötlemiseks.
	tekst – loob vormile tekstiväljad, väljastades tekstisisestuse jaoks üherealise tekstivälja.
	aeg – võimaldab sisestada aega 24-tunnises vormingus, kasutades mustrit hh:mm. Toetavates brauserites kuvatakse see numbrilise sisestusvälja juhtelemendina hiirega redigeeritava väärtusega ja võimaldab sisestada ainult ajaväärtusi. Täpsustage aeg:
	url — väli on mõeldud URL-ide määramiseks. Koduleht:
	nädal – vastav osuti tööriist võimaldab kasutajal valida ühe nädala aastas, misjärel annab andmesisestuse nn-yyyy formaadis. Olenevalt aastast võib nädalate arv olla 52 või 53. Täpsustage nädal:
väärtus	Määrab nupul, väljal või seotud tekstis kuvatava teksti. Pole määratud failitüübi väljade jaoks.
laius	Atribuudi väärtus sisaldab pikslite arvu. Võimaldab määrata vormiväljade laiuse.

4. Tekstisisestusväljad

Element ... kasutatakse elemendi asemel kui peate looma suuri tekstivälju. Algväärtusena kuvatav tekst asetatakse sildi sisse. Välja mõõtmed määratakse atribuutide cols - horisontaalmõõtmed, read - vertikaalmõõtmed abil. Välja kõrgust saab määrata atribuudi height abil. Kõik suurused arvutatakse ühe tühiku fondi ühe tähemärgi suuruse alusel.

Tabel 4. Sildi atribuudid

<tr><th>Atribuut</th>
<th>Tähendus/kirjeldus</th>
</tr><tr><td>autofookus</td>
<td>Määrab automaatselt fookuse soovitud algtekstiväljale.</td>
</tr><tr><td>veerg</td>
<td>Määrab laiuse märkide arvu järgi.  Kui kasutaja sisestab rohkem teksti, kuvatakse kerimisriba.</td>
</tr><tr><td>puudega</td>
<td>Keelab välja sisu redigeerimise ja kopeerimise.</td>
</tr><tr><td>vormi</td>
<td>Atribuudi väärtus peab olema võrdne elemendi id atribuudi väärtusega <form>samas dokumendis.  Määrab ühe või mitu vormi, millesse see tekstiväli kuulub.</td>
</tr><tr><td>max pikkus</td>
<td>Atribuudi väärtus määrab väljale sisestatavate märkide maksimaalse arvu.</td>
</tr><tr><td>nimi</td>
<td>Määrab tekstivälja nime.</td>
</tr><tr><td>kohatäide</td>
<td>Määrab lühikese tekstiviipa, mis kirjeldab eeldatavat sisendväärtust.</td>
</tr><tr><td>Loe ainult</td>
<td>Keelab välja sisu muutmise võimaluse.</td>
</tr><tr><td>nõutud</td>
<td>Kuvab teate, mis näitab, et see väli on kohustuslik.</td>
</tr><tr><td>read</td>
<td>Määrab arvu, mis näitab, mitu rida tekstialal kuvatakse.</td>
</tr><tr><td>mähis</td>
<td>Määrab, kas tekst peaks vormi esitamisel säilitama reavahetused.  Kõva väärtus säilitab mähise, kuid pehme väärtus mitte.  Kui kasutatakse kõva, tuleb määrata atribuudi cols väärtus.</td>
</tr></table><h3>5. Rippmenüü</h3>
<p>Loendid võimaldavad suure hulga esemeid kompaktselt paigutada.  Elemendi abil luuakse ripploendid <select>...</select>.  Need võimaldavad teil valida pakutavast komplektist ühe või mitu väärtust.  Vaikimisi kuvatakse loendikastis esimene element.</p>
<p>Elemente kasutatakse üksuste loendisse lisamiseks <option>...</option>, mis asuvad sees <select> .</p>
<p>Loendite süstematiseerimiseks kasutage elementi <optgroup>...</optgroup>, mis loob loenditesse päised.</p>
<p>Loendite puhul saate muuta fondi suurust, fondi tüüpi, värvi ja muid teksti atribuute, samuti lisada ääriseid, taustavärvi ja taustapilti.</p>
<table class="t3">Tabel 5. Sildi atribuudid <select>
<tr><th>Atribuut</th>
<th>Tähendus/kirjeldus</th>
</tr><tr><td>autofookus</td>
<td>Määrab lehe laadimisel elemendi automaatse fookuse.</td>
</tr><tr><td>puudega</td>
<td>Keelab rippmenüü.</td>
</tr><tr><td>vormi</td>
<td>Määrab vormi, kuhu see loend kuulub.  Atribuudi väärtus on vormi identifikaator.</td>
</tr><tr><td>mitmekordne</td>
<td>Võimaldab valida ühe või mitu üksust, selleks tuleb valimisel vajutada ja hoida all klahvi Ctrl.</td>
</tr><tr><td>nimi</td>
<td>Määrab ripploendi nime.  Atribuudi väärtus sisaldab nime, mis kajastab loendi teemat.</td>
</tr><tr><td>nõutud</td>
<td>Kuvab teate, mis näitab, et kasutaja peab enne vormi esitamist ripploendist väärtuse valima.</td>
</tr><tr><td>suurus</td>
<td>Määrab korraga ekraanil nähtavate loendiüksuste arvu.  Kui loendiüksuste arv ületab määratud arvu, kuvatakse kerimisriba.  Atribuudi väärtus määratakse positiivse täisarvuna.</td>
</tr></table><h3>6. Vormiväljade sildid</h3>
<p>Vormielementide sildid luuakse elemendi abil <label>...</label>.  Siltide ja väljade rühmitamiseks on kaks võimalust.  Kui väli on elemendi sees <label>, siis atribuuti for pole vaja määrata.</p><p>
 
<label for="comments">Millal te viimati lennukiga lendasite?</label>
<textarea id="comments">

Kass

7. Nupud

Element loob klõpsatavaid nuppe. Erinevalt loodud nuppudest ( , , , ), elemendi sees .

Nupud võimaldavad kasutajatel vormile andmeid esitada, vormi sisu selgeks teha või muid toiminguid teha. Saate luua nupul ääriseid, muuta tausta ja joondada teksti.

Tabel 9. Sildi atribuudid

Atribuut	Tähendus/kirjeldus
autofookus	Määrab lehe laadimisel fookuse nupule.
puudega	Keelab nupu, muutes selle klõpsamatuks.
vormi	Tähistab ühte või mitut vormi, mille juurde see nupp kuulub. Atribuudi väärtus on vastava vormi identifikaator.
moodustamine	Atribuudi väärtus sisaldab vormiandmete töötleja URL-i, mis saadetakse nupu klõpsamisel. Ainult nupu tüübi jaoks "submit" . Alistab elemendi jaoks määratud toimingu atribuudi väärtuse .
formenctüüp	Määrab vormiandmete kodeeringu tüübi enne nende serverisse saatmist, kui klõpsatakse sellistel nuppudel nagu type="submit". Alistab elemendile määratud atribuudi enctype väärtuse . Võimalikud väärtused: Application/x-www-form-urlencoded on vaikeväärtus. Kõik märgid kodeeritakse enne saatmist. multipart/form-data – märgid ei ole kodeeritud. Kasutatakse, kui failid laaditakse üles vormi abil. text/plain – märgid ei ole kodeeritud ja tühikud asendatakse + sümboliga.
vormimeetod	Atribuut määrab meetodi, mida brauser vormi esitamiseks kasutab. Alistab elemendile määratud meetodi atribuudi väärtuse . Määratud ainult tüüpi="submit" tüüpi nuppude jaoks. Võimalikud väärtused: get - andmed vormilt (nimi/väärtuspaar) lisatakse url-ile ja saadetakse serverisse. Sellel meetodil on saadetavate andmete suuruse piirangud ning see ei sobi paroolide ja konfidentsiaalse teabe saatmiseks. post - andmed vormilt lisatakse http päringuna. Meetod on usaldusväärsem ja turvalisem kui hankimine ning sellel pole suurusepiiranguid.
vorminovalidaat	Atribuut määrab, et vormiandmeid ei tohiks esitamisel kinnitada. Määratud ainult tüüpi="submit" tüüpi nuppude jaoks.
vormisihtmärk	Atribuut määrab, millises aknas tulemust pärast vormi esitamist kuvada. Määratud ainult tüüpi="submit" tüüpi nuppude jaoks. Alistab elemendile määratud sihtatribuudi väärtuse . _blank – laadib vastuse uude aknasse/vahekaardile _self – laadib vastuse samasse aknasse (vaikimisi) _parent – laadib vastuse vanemraami _top – laadib vastuse täisekraanil kaadrinimi - laadib vastuse määratud nimega raami.
nimi	Määrab nupu nime, atribuudi väärtus on tekst. Kasutatakse vormiandmete linkimiseks pärast vormi esitamist või JavaScriptis antud nupu(de) linkimiseks.
tüüp	Määrab nupu tüübi. Võimalikud väärtused: nupp – klõpsatav nupp lähtestamine — lähtestamise nupp, tagastab algse väärtuse esita - vormi andmete esitamise nupp.
väärtus	Määrab vaikeväärtuse, mis saadetakse nupu klõpsamisel.

8. Märkeruudud ja raadionupud vormides

Vormides olevad märkeruudud määratakse konstruktsiooni abil , ja lülitit kasutades .

Märkeruudud, erinevalt raadionuppudest, saab ühel kujul määrata mitmeks. Kui märkeruutude jaoks on märgitud märgitud atribuut, siis lehe laadimisel on vastavate vormiväljade märkeruudud juba märgitud.

Element kasutatakse valiku rakendamisel raadionuppude ja märkeruutude abil. Saate valida soovitud üksuse, klõpsates lihtsalt sellega seotud tekstil. Selleks peate paigutama elemendi sees .

HTML-vormid on vajalikud, kui soovite saidi külastajatelt andmeid koguda. Näiteks soovite kasutaja registreerimisel koguda selliseid andmeid nagu nimi, e-posti aadress, krediitkaart jne.

Vorm võtab saidi külastaja sisendi ja postitab selle lõpprakendusse, nagu CGI, ASP-skript või skript jne. PHP lõpprakendus teostab edastatud andmetele vajaliku töötlemise, lähtudes rakendusesisesest konkreetsest äriloogikast.

Saadaval on erinevad vormielemendid, nagu tekstiväljad, tekstiala väljad, rippmenüü, raadionupud, märkeruudud jne.

Tag HTML-i kasutatakse HTML-vormi loomiseks ja sellel on järgmine süntaks:

vormielemendid, nagu sisend, tekstiala jne.

Vormi atribuudid

Tavalistest atribuutidest eraldi on järgmine loetelu kõige sagedamini kasutatavatest vormiatribuutidest.

Atribuut	Kirjeldus
tegevust	Taustaprogrammi skript on teie edastatud andmete töötlemiseks valmis.
meetod	Andmete allalaadimiseks kasutatav meetod. Kõige sagedamini kasutatavad RECEIVE ja POST meetodid.
sihtmärk	Määrake sihtaken või raam, kus kuvatakse skripti tulemus. See aktsepteerib selliseid väärtusi nagu _blank, _self, _parent jne.
enctype	Atribuudi enctype abil saate määrata, kuidas brauser andmed enne serverisse saatmist krüpteerib. Võimalikud väärtused on järgmised: Application/x-www-form-urlencoded- See on standardmeetod enamiku vormide jaoks, mida kasutatakse lihtsates stsenaariumides. mitmeosaline/vorm-andmed- seda kasutatakse, kui soovite alla laadida binaarandmeid arhiivide kujul, nagu pilt, arhiiv jne. sõnad

Märge: Võite viidata Perl ja CGIüksikasjaliku teabe saamiseks selle kohta, kuidas vormiandmete üleslaadimine töötab.

HTML-vormingu juhtelemendid

HTML-vormi abil andmete kogumiseks saate kasutada erinevat tüüpi vormi juhtelemente.

Märkeruudu juhtelemendid

Raadioboksi juhtnupud

Valige juhtkast

Kaupluse valikukastid

Peidetud juhtnupud

Klõpsatavad nupud

Kujutage ette ja tagasi nupp

Tekstisisestuse juhtnupud

Vormides kasutatakse kolme tüüpi tekstisisestust:

Üherealised tekstisisestuse juhtnupud – seda juhtelementi kasutatakse üksuste jaoks, mis nõuavad ainult ühte kasutaja sisestust (nt otsingukastid või nimed). Need luuakse sildi abil HTML.

Parooli sisestamise juhtimine - See on ka üherealine tekstisisestus, kuid see varjab märgi niipea, kui kasutaja selle sisestab. Need luuakse ka sildi abil HTML.

Mitmerealised tekstisisestuse juhtnupud – seda kasutatakse siis, kui on vaja anda kasutajale üksikasjad, mis võivad olla pikemad kui üks pakkumine. Mitmeribalised sisendi juhtelemendid luuakse sildi abil </b> HTML.</p> </ul><h2>Üherealised tekstisisestuse juhtnupud</h2> <p>Seda juhtelementi kasutatakse üksuste jaoks, mis nõuavad ainult ühte kasutaja sisestust (nt otsingukastid või nimed). Need luuakse sildi abil <input>HTML.</p> <h3>Näide</h3> <p>Siin on põhinäide üherealisest tekstisisestusest, mida kasutatakse ees- ja perekonnanime aktsepteerimiseks:</p><p> <!DOCTYPE html> <html> <head> <title>Tekstisisestuse juhtimine</title> </head> <body> <form >Eesnimi: <input type="text" name="first_name" /> <br>Perekonnanimi: <input type="text" name="last_name" /> </form> <script type="text/javascript">  </script><br> <br> </body> </html> </p><p>See annab järgmise:</p> <h3>Atribuudid</h3> <p> <input>tekstivälja loomiseks.</p> <h2>Parooli sisestamise juhtnupud</h2> <p>See on ka üherealine tekstisisestus, kuid see varjab tähemärgi, kui kasutaja selle sisestab. Need luuakse ka sildi abil <input> <b>parool</b>.</p> <h3>Näide</h3> <p>Siin on põhinäide üherealisest parooli sisestamisest, mida kasutatakse kasutaja parooli vastuvõtmiseks:</p><p> <!DOCTYPE html> <html> <head> <title>Parooli sisestuse juhtimine</title> </head> <body> <form >Kasutaja ID: <input type="text" name="user_id" /> <br>Parool: <input type="password" name="password" /> </form> <script type="text/javascript">  </script><br> <br> </body> </html> </p><p>See annab järgmise:</p> <h3>Atribuudid</h3> <p>Sildi atribuutide loendi järgimine <input>paroolivälja loomiseks.</p> <h2>Mitu tekstisisestuse juhtnuppu</h2> <p>Seda kasutatakse siis, kui on vaja anda kasutajale üksikasjad, mis võivad olla pikemad kui üks pakkumine. Mitmeribalised sisendi juhtelemendid luuakse sildi abil <textarea>HTML.</p> <h3>Näide</h3> <p>Siin on põhinäide mitmerealisest tekstisisestusest, mida kasutatakse üksuse kirjelduse saamiseks.</p><p> <!DOCTYPE html> <html> <head> <title>Mitmerealine sisendi juhtimine</title> </head> <body> <form>Kirjeldus: <br /> <textarea rows="5" cols="50" name="description">Sisesta siia kirjeldus...

See annab järgmise:

Atribuudid

Sildi atribuutide loendi järgimine .</p> <h2>Märkeruudu juhtimine</h2> <p>Märkeruudud kasutatakse siis, kui on valitud rohkem kui üks valik. Need luuakse ka sildi abil <input>HTML, kuid tüübi atribuut on seatud <b>märkeruut</b>.</p> <h3>Näide</h3> <p>Siin on HTML-koodi näide kahe märkeruuduga vormi jaoks:</p><p> <!DOCTYPE html> <html> <head> <title>Märkeruudu juhtimine</title> </head> <body> <form> <input type="checkbox" name="maths" value="peal">Matemaatika <input type="checkbox" name="physics" value="peal">Füüsika</form> <script type="text/javascript">  </script><br> <br> </body> </html> </p><p>See annab järgmise:</p> <h3>Atribuudid</h3> <p>Sildi atribuutide loendi järgimine <checkbox>.</p> <h2>Juhtimine raadionuppudega</h2> <p>Raadionuppe tuleb kasutada siis, kui valikuid on palju, vaid üks. Need luuakse ka sildi abil <input>HTML, kuid tüübi atribuut on seatud <b>raadiosaated</b>.</p> <h3>Näide</h3> <p>Siin on kahe raadionupuga vormi HTML-koodi näide:</p><p> <!DOCTYPE html> <html> <head> <title>Raadioboksi juhtimine</title> </head> <body> <form> <input type="radio" name="subject" value="matemaatika">Matemaatika <input type="radio" name="subject" value="Füüsika">Füüsika</form> <script type="text/javascript">  </script><br> <br> </body> </html> </p><p>See annab järgmise:</p> <h3>Atribuudid</h3> <p>Järgmine on raadionupu atribuutide loend.</p> <h2>Valige kasti juhtelement</h2> <p>Valikukast, mida nimetatakse ka rippmenüüks, on kast, mis pakub võimalust loetleda erinevaid valikuid rippmenüü kujul, kust kasutaja saab valida ühe või mitu valikut.</p> <h3>Näide</h3> <p>Siin on HTML-koodi näide ühe rippmenüüga vormi jaoks</p><p> <!DOCTYPE html> <html> <head> <title>Valige kasti juhtimine</title> </head> <body> <form> <select name="dropdown"> <option value="Matemaatika" selected>Matemaatika</option> <option value="Füüsika">Füüsika</option> </select> </form> <script type="text/javascript">  </script><br> <br> </body> </html></p> <h2>Kirjeldus</h2> <p>HTML-märgend <form>loob HTML-vormi, mida kasutatakse kasutaja sisendi serverisse saatmiseks.</p> <p>Kuna vorm ise ei paku kasutaja sisestusvahendeid, siis elemendi sees <form>sisaldavad muid elemente, mille eesmärk on pakkuda kasutajale erinevaid viise andmete sisestamiseks:</p> <p>Lisaks nendele elementidele saate vormi sees kasutada ka muid HTML-i elemente.</p> <p>Vaikimisi vormi veebilehel mitte kuidagi ei kuvata, nähtavad on vaid selle sees asuvad elemendid, kuid CSS-i abil saab vormile anda mis tahes välimuse.</p> <h2>Atribuudid</h2>accept-charset: määrab serverisse töötlemiseks esitatava vormisisendi märgikodeeringu või tühikutega eraldatud märgikomplektide loendi. Kui andmed sisaldavad märke, mida määratud kodeering ei toeta, proovib brauser määrata neile sobiva kodeeringu. Kui sobivat kodeeringut ei ole võimalik määrata, kodeeritakse märgid numbrilisteks koodideks. <p>Vaikeväärtus on reserveeritud string "UNKNOWN" (brauserid tõlgendavad seda väärtust kui elementi sisaldava dokumendi märgikodeeringut <form>). toiming: näitab täidetud vormi andmete saatmise aadressi, kus seda teavet töödeldakse. automaatne täitmine: määrab, kas vormi automaatne täitmine lubada või keelata. Kui automaatne täitmine on lubatud, täidab brauser automaatselt väärtused, mille kasutaja sisestas eelmisel vormi kasutamisel. Võimalikud atribuutide väärtused:</p><ul><li><b>peal:</b> brauser kuvab automaatselt kasutaja poolt varem sisestatud väärtused (vaikeväärtus).</li> <li><b>väljas:</b> Kasutaja peab vormi kasutamise korral sisestama iga välja väärtused. Varem sisestatud väärtusi ei kuvata.</li> </ul><p>Märkus. Opera brauser ei toeta automaatse täitmise atribuuti.</p><p>Enctype: määrab, kuidas vormi andmed serverisse esitamisel kodeeritakse. Saab kasutada ainult koos atribuudiga method="post". Võimalikud väärtused:</p><ul><li><b>Application/x-www-form-urlencoded:</b> vaikimisi: kõik märgid kodeeritakse enne saatmist (tühikud teisendatakse "+" tähemärkideks ja erimärgid ASCII HEX väärtusteks).</li> <li><b>mitmeosalised/vormiandmed:</b> märgid ei ole kodeeritud. Kasutatakse elementide jaoks <input>, mille tüübi atribuudiks on seatud "fail".</li> <li><b>tekst/lihtne:</b> tühikud teisendatakse märgiks "+", kuid see ei kodeeri erimärke (nt apostroofe) kuueteistkümnendsüsteemi väärtusteks.</li> </ul> meetod: määrab HTTP andmeedastusmeetodi, mida kasutatakse vormiandmete esitamisel. Võimalikud väärtused: <ul><li><b>saada:</b> Andmed edastatakse brauseri aadressiribale nimi=väärtus paaridena, lisades need URL-i lõppu. Peamise URL-i ja edastatavate andmete eraldajana kasutatakse küsimärki (?) ning edastatavate andmete eraldamiseks üksteisest ampersand-märki (&). Seda meetodit kasutatakse väikeste andmete saatmisel.</li> <li><b>postitus:</b> andmeid ei saadeta URL-i osana, vaid brauseri päringu sisuna. Seda meetodit kasutatakse suurte andmemahtude saatmiseks.</li> </ul> Kui meetodi atribuuti pole määratud, kasutatakse vaikimisi GET-meetodit. nimi: määrab vormi nime. Nime saab kasutada JavaScriptis, et viidata elemendile nime järgi või viidata vormiandmetele pärast selle esitamist. Kui ühes dokumendis kasutatakse mitut vormi, siis nende nimesid ei tohi korrata ning atribuudi väärtuseks ei tohi jätta tühja stringi. novalidate: näitab, et vormi sisestatud andmeid enne esitamist ei kinnitata. Novalidate Boolean atribuudi võimalikud väärtused: <form novalidate> <form novalidate="novalidate"> <form novalidate=""> <p>Märkus. Atribuuti novalidate ei toetata IE9 ja varasemates versioonides ning Safaris.</p><p>Sihtmärk: määrab raami nime või märksõna, mis määrab, kus kuvada pärast vormi esitamist saadud vastus.</p><ul><li><b>_blank:</b> avab dokumendi uuel aknal või vahekaardil.</li> <li><b>_self:</b> avab dokumendi samas kataloogis, kus link asub (vaikimisi).</li> <li><b>_parent:</b> avab dokumendi emaraamis.</li> <li><b>_top:</b> avab dokumendi kogu akna laiuses.</li> <li><b>frame_name:</b> avab iframe'is dokumendi, mille nimi määrati väärtusena.</li> </ul><p>Tag <form>toetab ka globaalseid atribuute ja sündmusi</p> <h2>Vaikimisi stiil</h2>vorm (kuva: plokk; ülemine veeris: 0em; ) <h3>Näide</h3> <form action="demo_form.asp">Nimi: <input type="text" name="fname" value="Miki"><br>Perekonnanimi: <input type="text" name="lname" value="Hiir"><br> <input type="submit" value="Esita"> </form> <br><p>HTML-i vormid on HTML-i kõige keerulisem, kuid võib-olla kõige huvitavam teema.</p> <p>Veebivormid võimaldavad saidi külastajatel sisestada teatud teavet spetsiaalsetele väljadele ja arendaja saab selle talle sobival kujul.</p> <p>Vormi näide võib olla külalisteraamat, küsimustik või veebitest. Vormid täidetakse veebilehel registreerumisel, veebipoes tellimuste esitamisel jne.</p> <p>HTML-i abil saate luua vormiraamistiku: tekstiväljad, menüüd, loendid, nupud, märkeruudud ja raadionupud. See tähendab, need elemendid, mille abil sisestatakse vormi teatud teave.</p> <p>Seejärel saadetakse vormi sisestatud andmed töötlemiseks serverisse. Kuid HTML on siin jõuetu – sellele lisatud programm või skript juba töötab vormi töötlemisel. Sellised programmid on tavaliselt kirjutatud PHP või JavaScripti keeles.</p> <h4>Vormi atribuudid - silt <form></h4> <p>Ühel veebilehel võib olla mitu vormi ( <i>nii palju kui arendaja vajab</i>). Igaüks neist algab sildiga <form>ja lõpeb lõpusildiga</form> .</p> <p>Atribuut action on kohustuslik iga vormi puhul – see määrab vormi teenindava faili aadressi ( <i>töötleb sinna sisestatud andmeid</i>).</p> <p>Atribuut meetod määrab, kuidas vormi sisu esitatakse. On kaks meetodit - GET ja POST. Nüüd pole mõtet nendesse parameetritesse süveneda, kuna GET- ja POST-meetodite abil teabe saatmise teema on seotud andmetöötluskeeltega ( <i>näiteks PHP</i>). Piisab teadmisest, et vormides kasutatakse enamasti POST andmeedastusmeetodit.</p> <p>Sildi nime atribuut <form>on valikuline. Aga kui dokumendis on mitu vormi, siis peab töötleja igaüks neist kuidagi tuvastama. Seetõttu on atribuudi nimi olemasolu antud juhul vajalik - see määrab vormi kordumatu nime.</p> <p>Samuti saate määrata sisendandmete kodeeringu - selle eest vastutab atribuut accept-charset, samuti määrake sihtatribuudi abil aken, milles kuvatakse esitatud vormi töötlemise tulemus ( <i>uues või praeguses aknas</i>).</p> <p>Aga silt ise <form>pole mõtet, sest vorm edastab andmed, mis tuleb kõigepealt kuhugi sisestada!</p> <h4>Andmete sisestamine. Vormi väljad – silt <input></h4> <p>Tag <input>See on vormidest kõige levinum silt. Selle eesmärk on luua erinevaid elemente, mis aitavad vormile andmeid sisestada: tekstiväljad, nupud, märkeruudud, raadionupud.</p> <p>tüüp on sildi peamine atribuut <input>. See määrab välja tüübi ( <i>element</i>) vormid:</p> <table width="100%" border="1"><tr><td width="300px"> <p>Atribuudi väärtuse tüüp="..."</p> </td> <td width="245px"> <p>Tulemus</p> </td> <td> <p>Kirjeldus</p> </td> </tr><tr><td> <p><input type="text" size="20" value="Sinu nimi..." ></p> </td> <td align="center"> </td> <td><p>Üherealine tekstiväli teksti sisestamiseks. Atribuut size määrab välja laiuse tähemärkides.</p> </td> </tr><tr><td><p><input type="password" maxlength="10" size="20" ></p> </td> <td align="center"> </td> <td><p>Tekstiväli parooli sisestamiseks. <br>Atribuut maxlength määrab maksimaalse sisestatavate märkide arvu</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>Lüliti. <br>Pakutavatest valikutest saate valida ainult ühe. Kontrollitud atribuut määrab eelnevalt kontrollitud välja.</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>Märkeruut. <br>Valida on mitme valiku vahel.</span> Atribuut <span>checked määrab eelnevalt kontrollitud välja.</p> </td> </tr><tr><td><p><input type="button" value="Nupp" ></p> </td> <td align="center"> </td> <td><p>Nupp. <br>Väärtuse atribuut määrab nupu sildi.</p> </td> </tr><tr><td><p><input type="reset" value="Lähtesta" ></p> </td> <td align="center"> </td> <td><p>Reset-nupp. <br>Tagastab vormiväljad nende algsel kujul. Sisestatud andmete lähtestamine.</p> </td> </tr><tr><td><p><input type="submit" ></p> </td> <td align="center"> </td> <td><p>Nupp sisestatud andmete saatmiseks.</p> </td> </tr><tr><td><p><input type="file" ></p> </td> <td align="center"> </td> <td><p>Väli saadetava faili nime sisestamiseks.</p> </td> </tr><tr><td><p><input type="image" src="img/buttom.gif" ></p> </td> <td align="center"> </td> <td><p>Pildi nupp. <br>Seda kasutatakse ka andmete saatmiseks serverisse. Atribuut src määrab pildifaili aadressi.</p> </td> </tr><tr><td><p><input type="hidden" size="20" ></p> </td> <td align="center"> </td> <td><p>Peidetud väli – kasutajale nähtamatu.</p> </td> </tr></table><h3>Rippmenüü – sildid <select>Ja <option></h3> <p>Tag <select>sama mis silt <input>kasutatakse teabe kogumiseks - see loob loendi, millest saab valida ühe või mitu elementi. Iga element vastab väärtusele, mis saadetakse töötlemiseks serverisse.</p> <p>Loodava loendi tüüp sõltub atribuudi size väärtusest: koos size= "1" ( <i>vaikeväärtus</i>) kuvatakse rippmenüü.</p> <p>Atribuudi suurus erinev väärtus vastab kuvatavate loendiüksuste arvule. Näiteks suurus="3" korral on nähtavad kolm elementi. Teiste loendiüksuste vaatamiseks ( <i>kui neid on</i>) peaksite kasutama vertikaalset kerimisriba, mis lisatakse automaatselt.</p> <p>Vaikimisi saab valida ainult ühe loendiüksuse. Mitme atribuudi lisamine märgendile <select>võimaldab valida mitu loendi üksust, kasutades hiirt ning Ctrl ja Shift klahve.</p> <p>Kui atribuut mitu on olemas, kuvatakse kõik loendiüksused või osa neist ( <i>sõltuvalt brauserist</i>), kui atribuudi suurus ei ole määratud teatud arvule nähtavatele üksustele.</p> <p>Rippmenüü nõutav element on silt <option>. See asub sildi sees <select>ja loob iga loendiüksuse.</p> <p>Sildi nime atribuudi kasutamine <select>loendile antakse nimi ja kasutatakse märgendi väärtuse atribuuti <option>loendi elemendile määratakse väärtus. Seega saadetakse serverisse paar “nimi=väärtus” - nimekirja nimi ja valitud elemendi/elementide väärtus.</p> <p>Sildi valitud atribuut <option>määratleb eelnevalt valitud loendiüksuse ja keelatud atribuut blokeerib loendiüksuse – seda ei saa valida.</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>Kardinaalsuund on üks neljast põhisuunast:</p> <br> <select name= "storona" > <br> <option value= "Põhja" >Põhja</option><br> <option value= "Lõuna" >Lõuna</option><br> <option value= "läänes" >läänes</option><br> <option value= "Ida" >Ida</option> <br> </select><br><p>7 maailmaimet!</p> <br> <select name= "chudo" size= "4" multiple> <br> <option value= "1" >Cheopsi püramiid</option><br> <option value= "2" selected> <span>Babüloni rippuvad aiad</span> </option><br> <option value= "3" disabled> <span>Zeusi kuju Olümpias</span> </option><br> <option value= "4" > <span>Artemise tempel Efesoses</span> </option><br> <option value= "5" > <span>mausoleum Halicarnassoses</span> </option><br> <option value= "6" > <span>Rhodose koloss</span> </option><br> <option value= "7" > <span>Aleksandria tuletorn</span> </option><br> </select><br><p> <input type= "reset" value= "Lähtesta" > </p> <br> </form> </p> <p><img src='https://i1.wp.com/webpupil.ru/img/java/java_result.jpg' height="61" width="200" loading=lazy loading=lazy></p> <h3>Mitmerealine tekstiväli – silt <textarea></h3> <p>Tag <textarea>loob mitmerealise tekstivälja. Lubatud on teha reavahesid, mis säilivad andmete edastamisel käitlejale.</p> <p>Sildi nime atribuut <textarea>on kohustuslik – seda kasutades antakse tekstiväljale nimi.</p> <p>Disabled atribuut keelab välja – välja sisu ei saa muuta ja see pole ligipääsetav. Readonly atribuut näitab, et väli on kirjutuskaitstud - kasutajal pole sisu redigeerimise võimalust, kuid see on saadaval - seda saab valida ja näiteks kopeerida.</p> <p>Saate määrata tekstivälja laiuse tähemärkides ja välja kõrguse ridades, kasutades vastavalt atribuute cols ja 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>Kui välja sisu ületab selle suuruse, ilmub liugur.</span>

Kui välja sisu ületab selle suuruse, ilmub liugur.

Näide vormi kasutamisest

Nüüd vaatame, kuidas vorm töötab.

Õppevideo tellimisvorm:

Sinu nimi: *

Sinu tellimus:

Valige meedium:

CD

DVD

USB-välklamp

Sinu email: *

Teie aadress: *

Kirjeldus

Tag
installib veebilehele vormi. Vorm on mõeldud andmevahetuseks kasutaja ja serveri vahel. Vormide rakendusala ei piirdu ainult andmete serverisse saatmisega, klientskripte kasutades pääsete juurde vormi mis tahes elemendile, saate seda muuta ja rakendada oma äranägemise järgi.

Dokument võib sisaldada suvalist arvu vorme, kuid korraga saab serverisse esitada ainult ühe vormi. Sel põhjusel peavad vormiandmed olema üksteisest sõltumatud.

Vormi serverisse esitamiseks kasutage nuppu Esita, sama saab saavutada vormi sees sisestusklahvi vajutamisega. Kui vormil nuppu Esita pole, simuleerib sisestusklahv selle kasutamist.

Kui vorm esitatakse serverisse, antakse andmete kontroll üle programmile, mille määrab sildi action atribuut . Brauser valmistab esmalt ette teabe paari "nimi=väärtus" kujul, kus nime määrab sildi atribuut nimi ja väärtuse sisestab kasutaja või määrab selle vaikevormiväljale. Kui andmete saatmiseks kasutatakse GET-meetodit, võib aadressiriba olla järgmisel kujul.

http://www..cgi?nick=%C2%E0%ED%FF+%D8%E0%EF%EE%F7%EA%E8%ED&page=5

Parameetrid on loetletud pärast CGI programmi aadressi määratud küsimärki ja on eraldatud ampersandiga (&). Mitte-ladina tähemärgid teisendatakse kuueteistkümnendsüsteemi esitusviisiks (kujul %HH, kus HH on ASCII-märgi väärtuse kuueteistkümnendkood) ja tühik asendatakse plussmärgiga (+).

Lubatud konteineri sees asetage muud sildid, kuid vormi ennast veebilehel mitte kuidagi ei kuvata, näha on ainult selle elemendid ja pesastatud siltide tulemused.

Süntaks
...

Atribuudid
Määrab kodeeringu, milles server saab andmeid vastu võtta ja töödelda. Vormi andmeid töötleva programmi või dokumendi aadress. Võimaldab vormiväljade automaatse täitmise. Vormiandmete kodeerimise meetod. HTTP-protokolli meetod. Vormi nimi. Alistab vormiandmete sisseehitatud kontrolli sisestuse õigsuse osas. Selle akna või raami nimi, kuhu töötleja tagastatud tulemuse laadib.
Sulgev silt

Nõutud.

HTML5 IE Cr Op Sa Fx
FORM silt

Mida teie arvates tähistab lühend "OS"?

Ohvitserid
operatsioonisüsteem
Suurepärane triibuline kärbes

Selle näite tulemus on näidatud joonisel fig. 1.

Riis. 1. Vormielementide vaade brauseriaknas