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. Ai krijohet nga etiketat dhe ka opsionet e mëposhtme:
– 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- mbështjellja e fjalëve:
– fikur- nuk ndodh asnjë transferim
– Virtual- transferimi shfaqet, por serveri merr një varg të pandashëm,
– fizike- transferoni si në ekran ashtu edhe kur hyni në server.
– me aftësi të kufizuara- fusha joaktive,
– Lexo vetem- Lejohet vetëm lexim.
Rezultati:
Listat rënëse
Listat vijnë në opsione me një përzgjedhje dhe me shumë përzgjedhje. Të dyja janë vendosur duke përdorur etiketa , brenda të cilit ka elemente vlerash, dhënë me etiketë Merrni parasysh parametrat e këtyre etiketave:
– emri- emri i listës. Çdo element i përzgjedhur i listës, kur kalon në server, do të duket si: emri.vlera, ku vlera (vlera) merret nga etiketa e opsionit;
– madhësia- përcakton numrin e elementeve të dukshëm 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- shënojnë elementin më të mundshëm të listës për përzgjedhje, nëse lista është me zgjedhje të shumëfishtë, atëherë mund të shënohen disa artikuj;
– vlerë- vlera që do të dërgohet në server nëse artikulli zgjidhet.
Çfarë gjuhe dëshironi të mësoni:
Sa kohë jeni të gatshëm të shpenzoni për këtë?
Cilat ditë të javës do të dëshironit të praktikoni?
(zgjidhni me të shtypur tastin ctrl)
Rezultati:
Ka më shumë 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 interesi. Ju lutemi vini re në këtë rast kërkohen etiketa mbyllëse. Shembull kodi:
Drejtoria e faqes në internet:
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 mbishkrimin. Për shembull:
Rezultati:
Gjendja e punës
Në përputhje me opsionin për të krijuar një formular për futjen e të dhënave. Faqja duhet të përmbajë elementet vizuale të mëposhtme:
1. titull;
2. tekst që shpjegon qëllimin e formularit;
3. formulari i futjes së të dhënave, sipas opsionit. Zgjidhni vetë llojet e elementeve për futjen e të dhënave (të paktën 3 të ndryshëm);
4. butona - " DËRGONI», « QARTË»;
5. informacione rreth krijuesit të 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».
Duke shtypur butonin " DËRGONI”, të dhënat e formularit kontrollohen për saktësinë e plotësimit - plotësohen të gjitha fushat, fusha numerike përmbajnë vlerat e lejuara, hapësirat drejtuese dhe pasuese janë hequr. Nëse të dhënat e një ose më shumë fushave nuk përputhen, duhet të shfaqet një dritare në të cilën duhet të shfaqet emri dhe një tekst 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. Në formular, vendosni dy fushat e fshehura nga data aktuale dhe koha, të cilat gjithashtu transmetohen në server. Një shembull i një forme:
Figura 2 - Pamje e përafërt e formularit të futjes së të dhënave
Tabela 1 - Variantet e formularëve të futjes së të dhënave
Opsioni | Përshkrim |
Punëtoria, faqja, emri i plotë Sasia e punës së kryer | |
UDC, emri i plotë autori, emri, numri | |
Numri i trenit, Emri, Vendi i nisjes, Vendi i mbërritjes, Kategoria | |
Organizata, emri i plotë, viti i lindjes, Hapësirë e zënë | |
Vendi, Zona, Popullsia, Kontinenti, Kryeqyteti | |
Makina e markës, numri, ngjyra, viti i prodhimit, kilometrazhi | |
Raca e qenit, Pseudonimi, 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, Vëllimi i leksioneve, Vëllimi i laboratorit, 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 shitjes | |
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 |
pyetjet e testit
1. Përshkruani etiketën që do të krijoni 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ër zgjedhjen e skedarëve. Jep sintaksën e saj.
6. Përshkruani etiketën për krijimin e një fushe teksti me shumë rreshta. Jep sintaksën e saj.
7. Përshkruani etiketën për krijimin e listës rënëse. Jep sintaksën e saj.
Mësuesi Stishenok E.O.
Farberov A.G.
Ky element i formës është krijuar për të krijuar një zonë në të cilën mund të futni disa rreshta teksti. Në një fushë të tillë teksti, lejohet të bëhen ndërprerje rreshtash, ato ruhen kur dërgoni 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 në 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, atëherë fusha fillimisht do të jetë bosh.
Atributet e vlefshme janë renditur në tabelë. një.
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. një.
Oriz. 1. Pamja e parazgjedhur e fushës së tekstit
Për
NË
Shembulli 2. Fusha e tekstit me tekst
Rezultati i këtij shembulli është paraqitur në Fig. 2. Ju lutemi vini re se të gjitha hapësirat dhe linjat prishen brenda
Oriz. 2. Fusha e tekstit
Zakonisht dimensionet
Për të krijuar një zonë në të cilën mund të futni disa rreshta teksti, elementi
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 në 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, atëherë fusha fillimisht do të jetë bosh.
Atributet e vlefshme janë renditur në tabelë. një.
Krijimi i një fushe teksti me shumë rreshta tregohet në shembullin 1.
Asnjë nga këto atribute nuk kërkohet, kështu që një formë e thjeshtë e paraqitjes së tekstit duket kështu (shembulli 1).
Shembulli 1: Fusha e tekstit
Rezultati i shembullit është paraqitur në Fig. një.
Oriz. 1. Pamja e parazgjedhur e fushës së tekstit
Kur stiloni një fushë me shumë rreshta, të njëjtat veçori të stilit zbatohen si për tekstin me një rresht. Gjegjësisht, ju mund të ndryshoni gjerësinë (vetinë e gjerësisë), lartësinë (lartësinë), kufirin (kufirin), tekstin dhe ngjyrat e sfondit (përkatësisht ngjyrën dhe sfondin), etj. Një shembull i krijimit të një fushe teksti me karakteristika të ndryshme është paraqitur në shembull 2.
Shembulli 2: Stilimi i fushës së tekstit
Rezultati i këtij shembulli është paraqitur në Fig. 2.
Oriz. 2. Ndryshoni pamjen e fushës së tekstit
Të gjithë shfletuesit përveç Internet Explorer mbështesin ndryshimin e madhësisë për
Në tutorialin e fundit të videos, mësuam se si të bëjmë një listë rënëse në HTML. Ne studiuam disa etiketa dhe pamë se si funksionon gjithçka në shembuj të drejtpërdrejtë.
Sot do të studiojmë disa etiketa të tjera dhe atributet e tyre. Mësoni se si të shtoni një fushë teksti me shumë rreshta në një formular. Dhe le të flasim për një mënyrë tjetër për të shtuar butona në një formë HTML.
Etiketa e zonës së tekstit HTML: Tekst me shumë rreshta.
Etiketë
Vlen gjithashtu të theksohet se etiketa HTML
Atributi cols është përgjegjës për gjerësinë e fushës, e matur me numrin e karaktereve që mund të shkruhen në një rresht. Dhe pasi numri i karaktereve të arrijë maksimumin e specifikuar në atributin cols, the linjë e re. Përveç kësaj, kur specifikoni gjerësinë, vetë fusha do të marrë menjëherë madhësinë e specifikuar në karaktere.
Atributi rows është përgjegjës për lartësinë e fushës të matur me numrin e rreshtave. Por këtu vlen të përmendet se nëse sasia e tekstit tejkalon numrin e caktuar të rreshtave, kjo nuk do të thotë se nuk do të mund të shkruajmë më tej, thjesht do të shfaqet një shirit lëvizës dhe zona e dukshme e tekstit do të ketë lartësinë e specifikuar në vlera e atributit të rreshtave.
Shembull kodi HTML për një fushë të futjes së tekstit me shumë rreshta. Mos harroni se ky kod duhet të vendoset midis etiketave
Shkruani komentin tuaj:
Rezultati shembull në Shfletuesi Chrome treguar në fig. një.
Oriz. 1. Pamja e parazgjedhur e fushës së tekstit
Për më tepër, fusha mund të jetë në dy gjendje - e bllokuar dhe vetëm për lexim. Specifikimi HTML5 nuk përcakton pamjen e fushës dhe tekstit në gjendje të tilla, kështu që shfletuesit e japin atë ndryshe (Figura 2).
Opera | |
Teksti brenda një fushe të bllokuar nuk mund të zgjidhet dhe shtohet, dhe përmbajtja e një fushe të tillë nuk dërgohet nga formulari në server. Teksti brenda kutisë së lexuar është i kopjueshëm, por nuk mund të modifikohet. Shembulli 2 tregon se si të krijoni një fushë leximi.
Shembulli 2 Fusha e leximit
HTML5 IE Cr Op Sa Fx
Kopjoni tekstin më poshtë dhe ngjisni në fushën e kërkesës për fjalëkalim.
Vini re se fusha e leximit duket saktësisht si një fushë e zakonshme teksti, por përdoruesi nuk do të jetë në gjendje të shtojë asgjë në të. Prandaj përdorni me kujdes që të mos mashtroni njerëzit.