Për tekste voluminoze, për shembull për mesazhet e postës, është i përshtatshëm për të përdorur këtë element të veçantë. Është krijuar nga etiketat dhe ka parametrat e mëposhtëm:
– emri- Emri i fushes,
– cols- gjerësia e fushës në karaktere,
– rreshtave- numri i rreshtave të tekstit të dukshëm në ekran,
– mbështjell- mënyra e transferimit të fjalës:
– fikur- nuk ndodh asnjë transferim,
– Virtual- transferimi shfaqet, por serveri merr një varg të pandashëm,
– fizike- transferoni si në ekran ashtu edhe pas mbërritjes në server.
– me aftësi të kufizuara- fusha joaktive,
– Lexo vetem- lejohet vetëm lexim.
Rezultati:
Listat rënëse
Listat mund të jenë me një artikull ose me shumë përzgjedhje. Të dyja janë specifikuar duke përdorur etiketat , brenda të cilit ndodhen elementët e vlerës, specifikuar nga etiketa Le të shohim parametrat e këtyre etiketave:
– emri- emri i listës. Çdo element i përzgjedhur i listës kur transferohet në server do të ketë formën: name.value, ku vlera merret nga etiketa opsion;
– madhësia- përcakton numrin e elementeve të dukshme në listë: 1 - një listë e thjeshtë rënëse, më shumë se 1 - një listë me një shirit lëvizës;
– të shumëfishta- Lejon zgjedhjen e artikujve të shumëfishtë të listës.
– të zgjedhura- përdoret për të shënuar elementin e listës që ka më shumë gjasa të zgjidhet nëse lista ka zgjedhje të shumëfishta, atëherë mund të shënohen disa artikuj;
– vlerë- vlera që do t'i dërgohet serverit nëse zgjidhet artikulli.
Çfarë gjuhe dëshironi të mësoni:
Sa kohë jeni të gatshëm të shpenzoni për këtë:
Cilat ditë të javës ju përshtaten për klasa:
(zgjidhni me tastin ctrl të shtypur)
Rezultati:
Ka edhe etiketa<optgroup>… , duke ju lejuar të gruponi elementet e listës sipas disa kritereve. Për shembull, për të krijuar një katalog të vendeve në formën e një liste, atëherë është më e përshtatshme ta ndani atë në grupe sipas interesit. Ju lutemi vini re në në këtë rast duhet të specifikohen etiketat mbyllëse. Shembull i kodit:
Katalogu i vendeve:
Rezultati:
Mbishkrimet
Të gjithë elementët e formës mund të lidhen me etiketat e tyre duke përdorur elementin dhe parametri i tij për, vlera e të cilit është emri i elementit me të cilin e lidhim etiketën. Për shembull:
Rezultati:
Gjendja e punës
Sipas opsionit, krijoni një formular për futjen e të dhënave. Faqja duhet të përmbajë elementet vizuale të mëposhtme:
1. titulli;
2. tekst që shpjegon qëllimin e formularit;
3. formulari i futjes së të dhënave, në përputhje me opsionin. Zgjidhni vetë llojet e elementeve për futjen e të dhënave (të paktën 3 të ndryshëm);
4. gërmimi – “ DËRGONI», « QARTË»;
5. informacione për krijuesin e faqes – Emri i plotë, grupi, e-mail.
Figura 1 – Pamje e përafërt e faqes
Shtoni një buton në secilën fushë të formularit Shpjegim", kur klikohet, hapet një dritare me informacion shpjegues dhe ose një foto, butoni " MBYLL».
Kur shtypni butonin " DËRGONI", të dhënat e formularit kontrollohen për korrektësi - plotësohen të gjitha fushat, fusha numerike përmbajnë vlerat e vlefshme, heq hapësirat drejtuese dhe pasuese. Nëse të dhënat në një ose më shumë fusha nuk përputhen, duhet të shfaqet një dritare në të cilën duhet të shfaqet emri dhe teksti i shkurtër që shpjegon kërkesat për të dhënat e futura në fushë. Nëse të dhënat janë futur saktë, të dhënat dërgohen pas konfirmimit në kutinë e dialogut. Vendosni dy fusha të fshehura në formularin me data aktuale dhe koha, të cilat gjithashtu transmetohen në server. Forma e përafërt:
Figura 2 – Pamje e përafërt e formularit të futjes së të dhënave
Tabela 1 – Opsionet për formularët e futjes së të dhënave
Opsioni | Përshkrim |
Punëtoria, zona, emri i plotë Sasia e punës së kryer | |
UDC, emri i plotë Autori, Emri, Sasia | |
Numri i trenit, Emri, Vendi i nisjes, Vendi i mbërritjes, Kategoria | |
Organizata, emri i plotë, viti i lindjes, Vend i zënë | |
Vendi, Zona, Popullsia, Kontinenti, Kryeqyteti | |
Makina e markës, numri, ngjyra, viti i prodhimit, kilometrazhi | |
Raca e qenit, Emri, Babai, Nëna, Data e lindjes, Emri i plotë i pronarit | |
Lloji i perimeve, Emri i varietetit, Data e mbjelljes, Data e vjeljes, Vjelja | |
Disiplina, Fushëveprimi i leksioneve, Fushëveprimi i laboratorëve, Lloji i kontrollit, Grupi | |
Data, Temperatura, Presioni, Vranësirat, Drejtimi i erës | |
Emri, Kompania, Kostoja, Sasia, Data | |
Emri i grupit, shteti, albumi, data e publikimit, numri i shitjeve | |
Emri i majës, Lartësia, Vendi, Viti i pushtimit, Numri i ngjitjeve | |
Emri i plotë, viti i lindjes, gjatësia, pesha, grupi i gjakut | |
Emri i plotë, Fusha e veprimtarisë, Viti i lindjes, Shteti, Numri i botimeve |
Pyetje kontrolli
1. Përshkruani etiketën për të krijuar fushë teksti. Jep sintaksën e saj.
2. Përshkruani një etiketë për krijimin e një fushe teksti për futjen e një fjalëkalimi. Jep sintaksën e saj.
3. Përshkruani etiketën për krijimin e kutive të kontrollit. Jep sintaksën e saj.
4. Përshkruani etiketën për krijimin e butonave. Jep sintaksën e saj.
5. Përshkruani një etiketë për krijimin e një fushe përzgjedhjeje skedari. Jep sintaksën e saj.
6. Përshkruani një etiketë për krijimin e një fushe teksti me shumë rreshta. Jep sintaksën e saj.
7. Përshkruani etiketën për krijimin e një liste rënëse. Jep sintaksën e saj.
Mësuesi Stishenok E.O.
Farberov A.G.
Një fushë e futjes së tekstit me shumë rreshta ju lejon të dërgoni jo vetëm një rresht, por disa në të njëjtën kohë. Si parazgjedhje, etiketa krijon një fushë bosh me gjerësi 20 karaktere dhe përbëhet nga dy rreshta.
Fusha e futjes së tekstit me shumë rreshta fillon me etiketat e çiftuara . Etiketa e emrit specifikon emrin fushë me shumë rreshta. Ju gjithashtu mund të specifikoni gjerësinë e fushës ( cols) dhe numri i linjave ( rreshtave). Nëse është e nevojshme, mund të specifikoni atributin vetëm për lexim, i cili ndalon redaktimin, fshirjen dhe ndryshimin e tekstit, d.m.th. teksti do të jetë vetëm për lexim. Nëse është e nevojshme që teksti të shfaqet fillimisht në një fushë hyrëse me shumë rreshta, atëherë ai duhet të vendoset midis etiketave .
Fusha e tekstit të fshehur
Ju lejon të kaloni disa informacione shërbimi në skript pa e shfaqur atë në faqe.
Fusha e fshehur fillon me etiketë , atributet e të cilit janë emri, lloji Dhe vlerë. Atributi i emrit specifikon emrin e fushës, lloji përcakton llojin e fushës dhe atributin vlerë vendos vlerën e fushës.
Butoni i dorëzimit
Shërben për të dorëzuar formularin në skenar.
Kur krijoni një buton për të paraqitur një formular, duhet të specifikoni 2 atribute: tip = "paraqis" Dhe vlera = "Teksti i butonit". Atributi i emrit është i nevojshëm nëse nuk ka një buton, por disa dhe të gjitha janë krijuar për operacione të ndryshme, për shembull, butonat "Ruaj", "Fshi", "Ndrysho", etj. Pas klikimit të butonit, skriptit i kalon vargu emër=teksti i butonit.
Butoni për të ngarkuar skedarë (shfleto)
Shërben për të zbatuar ngarkimin e skedarëve në server. Objekti i shfletimit fillon me etiketa të çiftuara . Etiketa e fillimit përmban atributin e kërkuar të enkriptimit. atribut enkriptoj merr vlerën shumëpjesësh/formë-të dhëna, i cili njofton serverin se një skedar po dërgohet së bashku me informacionin e zakonshëm. Kur krijoni një fushë teksti, duhet të specifikoni gjithashtu llojin e skedarit - " dosje”.
Kornizë (bashkësi fushash)
Nje objekt grup fushash ju lejon të vizatoni një kornizë rreth objekteve. Ka një etiketë mbyllëse . Titulli tregohet në etiketa . Qëllimi kryesor i objektit është të specifikojë stile të ndryshme të projektimit.
Përpunimi i formularit
Të gjitha të dhënat që dëshironi të merrni nga një formë HTML Skripti PHP të përpunuara duke përdorur vargje superglobale $_POST ose $_MERRNI, në varësi të asaj që specifikohet në atribut metodë mënyra e transferimit të të dhënave.
Detyra: Ju duhet të merrni të dhënat nga fusha e tekstit dhe fusha e futjes me shumë rreshta dhe t'ia kaloni ato skriptit.
Zgjidhja: Nevoja për të krijuar Forma HTML dhe PHP – skript për përpunimin e formularit.
Diskutim:
Le të krijojmë dy skedarë: formë.html Dhe veprim.php. Në dosje formë.html do të përmbajë një formë html me një fushë teksti miteksti dhe zona e tekstit msg:
Në këtë formë html ne jemi të interesuar për 3 atribute: veprim e cila specifikon shtegun drejt trajtuesit të formularit, emrin e fushës së tekstit ( miteksti) dhe emri i ujit të fushës me shumë rreshta ( msg). Formulari përmban gjithashtu një buton, kur klikohet, të dhënat transferohen.
Pasi forma html të jetë gati, duhet të krijojmë një mbajtës formulari veprim.php:
$text = $_POST["mytext"];
$msg = $_POST["mytext"];
jehonë $text;
jehonë "";
jehonë $msg;
?>
Pasi të futim ndonjë vlerë në fushat e tekstit dhe klikojmë në " Dërgo të dhëna"forma html dërgoni vlera në skript veprim.php.
Pas kësaj në variablat $tekst Dhe $msg do të përmbajë respektivisht vlerat e një fushe teksti dhe një fushe hyrëse me shumë rreshta, vlerat e të cilave janë marrë nga ndryshoret superglobale $_POST.
Nëse dëshironi që fusha e tekstit me shumë rreshta të respektojë formatimin HTML, atëherë përdorni funksionin nl2br():
$text = nl2br($_POST["mytext"]);
?>
Detyra: Supozoni se ju duhet të krijoni një listë rënëse me vite nga 2000 deri në 2050.
Zgjidhja: Ju duhet të krijoni një formë HTML me një element SELECT dhe një skript PHP për përpunimin e formularit.
Diskutim:
Së pari, le të krijojmë dy skedarë: formë.html Dhe veprim.php. Në dosje formë.html do të përmbajë një formë html me një listë rënëse. Për më tepër, vlerat në listë mund të specifikohen në dy mënyra:
I. Futja manuale e të dhënave:
II. Futja e të dhënave përmes një cikli:
Siç mund ta shihni, shembulli i dytë me një lak është më kompakt. Unë mendoj se nuk është e nevojshme të sigurohet skripti i mbajtësit për këtë formë, sepse ai përpunohet saktësisht njësoj si një fushë teksti, d.m.th. vlerat e listës mund të merren nga një grup superglobal $_POST.
Përshkrim:
Le të krijojmë një formë HTML për të dërguar një skedar në server.
Kjo formë html përmban një element shfletoni, e cila hap një kuti dialogu për zgjedhjen e një skedari për t'u ngarkuar në server. Kur shtypni butonin "Transferimi i skedarit", skedari i kalohet skriptit të mbajtësit.
Pastaj ju duhet të shkruani një skenar mbajtës veprim.php. Para se të shkruajmë mbajtësin, duhet të vendosim se në cilën direktori do ta kopjojmë skedarin:
if(isset($_FILES["myfile"])) // Nëse skedari ekziston
{
$catalog = "../image/"; // Katalogu ynë
if (is_dir($catalog)) // Nëse ekziston një direktori e tillë
{
$myfile = $_FILES["myfile"]["tmp_name"]; // Skedar i përkohshëm
$myfile_name = $_FILES["myfile"]["emri"]; // Emri i skedarit
if(!copy($myfile, $catalog)) echo "Gabim gjatë kopjimit të skedarit ".$myfile_name // Nëse kopjimi i skedarit dështoi
}
else mkdir("../image/"); // Nëse nuk ka drejtori të tillë, ne do ta krijojmë atë
}
?>
Komentoni
Nëse u besoni përdoruesve që të ngarkojnë ndonjë skedar në serverin tuaj, duhet të jeni jashtëzakonisht të kujdesshëm. Sulmuesit mund të futin kodin "i keq" në një fotografi ose skedar dhe ta dërgojnë atë në server. Në raste të tilla, duhet të kontrolloni rreptësisht shkarkimin e skedarëve.
Ky shembull demonstron krijimin e një drejtorie dhe kopjimin e një skedari në atë drejtori në server.
Unë gjithashtu do të doja të demonstroja një shembull me elementin kutia e kontrollit. Ky element është paksa i ndryshëm nga elementët e tjerë në atë nëse jo një nga elementët kutia e kontrollit'a nuk është zgjedhur, atëherë ndryshorja superglobale $_POST do te kthehen vlerë boshe:
nëse (!empty($_POST["mycolor"])) echo $_POST["mycolor"]; // Nëse zgjidhet të paktën 1 element
tjetër jehonë "Zgjidh vlerën";
?>
Përditësimi i fundit: 04/08/2016
Një fushë teksti me një rresht krijohet duke përdorur elementin hyrës kur atributi i tij tip është vendosur në tekst:
Mund ta personalizoni fushën e tekstit duke përdorur një numër atributesh shtesë:
dirname: vendos drejtimin e tekstit
gjatësia maksimale: maksimale sasia e lejuar karaktere në një fushë teksti
model : përcakton modelin me të cilin duhet të përputhet teksti hyrës
mbajtës i vendndodhjes: Vendos tekstin që shfaqet si parazgjedhje në një kuti teksti
readonly : E bën fushën e tekstit vetëm për lexim
kërkohet : tregon se fusha e tekstit duhet të ketë një vlerë
madhësia: vendos gjerësinë e fushës së tekstit në karaktere të dukshme
vlera : Vendos vlerën e paracaktuar në fushën e tekstit
Le të zbatojmë disa atribute:
Në këtë shembull, fusha e dytë e tekstit vendos menjëherë atributet e gjatësisë dhe madhësisë. Në këtë rast, madhësia - domethënë, numri i karaktereve që përshtaten në hapësirën e dukshme të fushës është më i madh se numri i lejuar i karaktereve. Megjithatë, ne ende nuk do të jemi në gjendje të futim më shumë karaktere se gjatësia maksimale.
Në këtë rast, është gjithashtu e rëndësishme të bëhet dallimi midis atributeve të vlerës dhe mbajtësit të vendit, megjithëse të dyja janë vendosur tekst i dukshëm në fushë. Sidoqoftë, mbajtësi i vendndodhjes vendos një lloj sugjerimi ose urdhri për të dhëna, kështu që zakonisht shënohet gri. Ndërsa vlera përfaqëson tekstin e paracaktuar të futur në fushë:
Atributet readonly dhe disabled e bëjnë fushën e tekstit të paarritshme, por shoqërohen me të ndryshme efekt vizual. Në rastin e paaftë, fusha e tekstit është gri:
Ndër atributet e një fushe teksti, duhet të shënojmë gjithashtu një atribut të tillë si lista. Ai përmban një referencë për një element të listës së të dhënave, i cili përcakton një grup vlerash që shfaqen si një këshillë veglash kur futen në një fushë teksti. Për shembull:
Atributi list i një fushe teksti tregon id-në e elementit të listës së të dhënave. Vetë elementi i listës së të dhënave përcakton elementet e listës duke përdorur elementë opsionesh të ndërlidhura. Dhe kur shkruani në një fushë teksti, kjo listë shfaqet si një këshillë veglash.
Fusha e kërkimit
Për të krijuar fusha kërkimi, përdorni elementin hyrës me atributin type="kërko". Formalisht, është një fushë e thjeshtë teksti:
Fusha e fjalëkalimit
Për të futur një fjalëkalim, përdorni elementin hyrës me atributin type="password". E tij tipar dalluesështë se personazhet e futura janë të maskuara me pika:
Ky element i formës është krijuar për të krijuar një zonë në të cilën mund të futni shumë rreshta teksti. Në një fushë të tillë teksti, lejohet të bëhen ndërprerje të linjës, ato ruhen kur dërgohen të dhëna në server.
Fusha e tekstit me shumë rreshta është e domosdoshme për të shtuar komente në artikuj, për të shkruar postime në forum, për të futur dhe redaktuar postime në blog dhe shumë raste të tjera kur një rresht teksti nuk mjafton qartë.
Sintaksa për krijimin e një fushe është si më poshtë.
Midis etiketave Mund të vendosni çdo tekst që do të shfaqet brenda fushës. Nëse nuk ka tekst, fusha fillimisht do të jetë bosh.
Atributet e vlefshme janë renditur në tabelë. 1.
Krijimi i një fushe për tekst me shumë rreshta tregohet në shembullin 1.
Shembulli 1: Fusha e tekstit
Rezultati i shembullit është paraqitur në Fig. 1.
Oriz. 1. Pamja e parazgjedhur e fushës së tekstit
Për
NË
Shembulli 2: Fusha e tekstit me tekst
Rezultati ky shembull treguar në Fig. 2. Ju lutemi vini re se të gjitha hapësirat dhe ndërprerjet e rreshtave brenda janë marrë parasysh
Oriz. 2. Fusha e tekstit
Zakonisht madhësitë
Format në HTML janë më komplekset, por nga ana tjetër, ndoshta më temë interesante në HTML.
Format e uebit lejojnë vizitorët e faqes të fusin informacione të caktuara në fusha të veçanta, dhe zhvilluesi i merr ato në një formë të përshtatshme për të.
Një shembull i një forme do të ishte Libri i të ftuarve, pyetësor, testi online. Formularët plotësohen kur regjistroheni në faqen e internetit, kur bëni porosi në një dyqan online, etj.
Duke përdorur HTML, mund të krijoni një kornizë formulari: fusha teksti, menutë, listat, butonat, kutitë e kontrollit dhe butonat e radios. Domethënë, ato elemente me ndihmën e të cilave futen informacione të caktuara në formular.
Pastaj të dhënat e futura në formular dërgohen në server për përpunim. Por HTML është i pafuqishëm këtu - një program ose skript që i është bashkangjitur tashmë po punon në përpunimin e formularit. Programe të tilla zakonisht shkruhen në gjuha php ose Javascript.
Atributet e formës - etiketa
.Atributi i veprimit është i detyrueshëm për çdo formë - ai specifikon adresën e skedarit që i shërben formularit ( përpunon të dhënat e futura në të).
Atributi i metodës specifikon se si do të dorëzohet përmbajtja e formularit. Ka dy metoda - GET dhe POST. Tani nuk ka kuptim të thellohemi në këto parametra, që nga tema e dërgimit të informacionit Metodat GET dhe POST u referohet gjuhëve të përpunimit të të dhënave ( për shembull PHP). Mjafton të dihet se është metoda e transferimit të të dhënave POST ajo që përdoret në shumicën e rasteve në forma.
Atributi i emrit të etiketës
Drejtimi kardinal është një nga katër drejtimet kryesore:
7 mrekullitë e botës!
Drejtimi kardinal është një nga katër drejtimet kryesore:
Veri Jugperëndim Lindje
7 mrekullitë e botës!
Piramida e Keopsit Kopshtet e varura të Babilonisë Statuja e Zeusit në Olympia Tempulli i Artemidës në Mauzoleumin e Efesit në farin Halicarnassus Kolos të Rodosit të Aleksandrisë
Fusha e tekstit me shumë rreshta - etiketa
Etiketë
Atributi i emrit të etiketës
Atributi disabled çaktivizon fushën - përmbajtja e fushës nuk mund të ndryshohet dhe nuk është e aksesueshme. Atributi vetëm për lexim tregon që fusha është vetëm për lexim - përdoruesi nuk ka aftësinë të modifikojë përmbajtjen, por është i disponueshëm - mund të zgjidhet dhe, për shembull, të kopjohet.
Ju mund të vendosni gjerësinë e fushës së tekstit në karaktere dhe lartësinë e fushës në rreshta duke përdorur përkatësisht atributet e kolonave dhe rreshtave.
Nëse përmbajtja e fushës tejkalon madhësinë e saj, do të shfaqet një rrëshqitës.
Shembull i përdorimit të një formulari
Tani le të shohim se si funksionon forma.
Formulari i porosisë për video edukative:
Emri juaj: *
Porosia juaj:
Zgjidh media:
CD
DVD
USB Flash
E-mail juaj: *
Adresa juaj: *