Si të konfiguroni telefonat inteligjentë dhe PC. Portali informativ

Hyrja me shumë linja HTML. Fushat e tekstit

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:



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”.




Ngarko skedarin:

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.


Softuer (titulli i kornizës)
Teksti që do të vendoset brenda kornizës.

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:


Blu
E zezë
E bardha

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:

Fushat e tekstit në HTML5

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:

Fushat e tekstit në HTML5

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:

Kërko në HTML5

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.

Tabela 1. Atributet

Rezultati i shembullit është paraqitur në Fig. 1.

Oriz. 1. Pamja e parazgjedhur e fushës së tekstit

Për

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

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: *





Artikujt më të mirë mbi këtë temë