Home-theater-designers
Datu vākšanu no vietnes lietotāja var veikt vairākos dažādos veidos. Veidlapām tīmekļa vietnēs var būt vienkārša funkcija, piemēram, lietotāja abonēšana biļetenam vai sarežģītāks mērķis, piemēram, darboties kā darba pieteikuma veidlapa.
Tomēr viena lieta, kas ir kopīga visām šīm vienkāršajām un sarežģītajām formām, ir HTML un precīzāk - HTML tagu.
Izmantojot veidlapas tagu
The tags ir HTML elements, ko izmanto kā konteineru, lai pievienotu citus elementus, kurus var uzskatīt par veidlapu veidojošajiem elementiem. Daži no šiem pamatelementiem ietver atzīme, tagu un tagu.
The atzīmei ir svarīgs atribūts, kas veicina tā funkcionalitāti. Šo atribūtu sauc par darbību, un to izmanto, lai identificētu failu, uz kuru tiks nosūtīti veidlapā ievadītie dati.
Izmantojot tagu piemēru
Iepriekš minētais piemērs parāda, kā savos projektos izmantot veidlapas tagu. Viena no galvenajām atziņām ir tāda, ka, atverot veidlapas tagu, neaizmirstiet to aizvērt. Tas izveidos veidlapas struktūru un nodrošinās arī to, ka veidlapā ievadītie dati tiek apstrādāti pareizi.
Taga izmantošana
The tagu izmanto, lai veidlapā aprakstītu datus katrā ievades laukā. Šai atzīmei ir priekš atribūtu, ko izmanto, lai uzlabotu veidlapas funkcionalitāti.
Saistīts: Labākie bezmaksas tiešsaistes HTML redaktori, kas pārbauda jūsu kodu
Ja atbilstošajam ievades laukam piešķirtais ID atbilst priekš vērtība tagu, tad šis ievades lauks tiks automātiski iezīmēts, noklikšķinot uz etiķetes.
Izmantojot tagu piemēru
First Name:
Iepriekš minētajā piemērā var redzēt, ka priekš atribūtam tiek piešķirta vērtība fvārds . Tāpēc, ja izveidojat ievades lauku ar fvārds id, šis lauks tiks iezīmēts ikreiz, kad noklikšķināsit uz Vispirms Vārds etiķete.
Taga izmantošana
Visvienkāršākajā formā ,. tagu var uzskatīt par tekstlodziņu. The tags uztver lietotāja datus, un viena no tās svarīgākajām funkcijām ir tipa atribūts. The tipa atribūts norāda datu veidu, ko šajā tekstlodziņā var apkopot.
Saistīts: Kā izveidot sakrautu veidlapu CSS
Ir vairākas dažādas vērtības, kuras varat piešķirt tipa atribūtu, bet daži no populārākajiem ir šādi.
- Teksts
- Skaitlis
- E -pasts
- Attēls
- Datums
- Atzīmējiet izvēles rūtiņu
- Radio
- Parole
Izmantojot tagu Piemērs
First Name:
The atzīmei iepriekš minētajā kodā ir trīs dažādi atribūti, kuriem katram ir unikāla funkcija. The tipa atribūtam ir piešķirta teksta vērtība, kas nozīmē, ka tekstlodziņā tiks pieņemtas tikai rakstzīmes.
The id atribūts ir unikāls tekstlodziņa identifikators, un tas ir svarīgi, jo tas nodrošina piekļuvi šim elementam no CSS faila. The vārds atribūts ir arī unikāls identifikators; tomēr atribūts name tiek izmantots, lai mijiedarbotos ar elementu no izstrādes servera puses.
The id un vārds atribūtiem parasti tiek piešķirta tāda pati vērtība, kā viens nodrošina piekļuvi elementam no klienta puses, bet otrs-no servera puses.
Izmantojot izvēles rūtiņas elementu
Kastītes elements ir ļoti unikāls salīdzinājumā ar citiem elementiem, kurus varat izmantot kopā ar tagu. Tas ļauj lietotājam atlasīt vienu vai vairākas opcijas no saistīto iespēju saraksta. Kastītes ir viegli identificējamas, jo tās attēlo sīkas kvadrātveida rūtiņas, kurās ir atzīmēta atzīme.
Izmantojot izvēles rūtiņas elementa piemēru
Programming Languages:
Java
JavaScript
Python
Iepriekš minētajā piemērā katram no izvēles rūtiņu elementiem ir vērtības atribūts, un tas ir svarīgi, jo tas palīdz atšķirt katru izvēles rūtiņas opciju no kolekcijas. Tāpēc, ja lietotājs no iepriekš minētajām opcijām izvēlas “Java”, dati to atspoguļos.
Izmantojot tagu un radio elementus
The atzīme un radio elementi ir līdzīgi tādā nozīmē, ka tie ļauj lietotājam vienlaikus izvēlēties tikai vienu vērtību; tāpēc var teikt, ka tiem ir viena un tā pati funkcija. Tomēr pēc izskata tie ir ļoti atšķirīgi.
Radio elements pēc izskata ir tuvāk izvēles rūtiņas elementam, tomēr ar radio elementu jums ir apļi, nevis kvadrāti.
The tags veido būtībā nolaižamo lodziņu, kas ļauj lietotājam izvēlēties vienu vērtību.
Izmantojot tagu un radioelementu piemēru
Sex:
Male
Female
Other
Positions Available:
value='Junior Developer'> Junior Developer
value='Mid-level Developer'> Mid-level Developer
value='Senior Developer'> Senior Developer
Datuma elementa izmantošana
Datuma elements veido nelielu tekstlodziņu, uz kura noklikšķinot tiek ģenerēts kalendārs. Izmantojot datums kā ievades veids veidlapās aizsargā pret lietotāju, iespējams, ievadot nepareizu datumu, kas var novest pie kļūdainu datu apkopošanas.
Izmantojot datuma elementa piemēru
E -pasta un paroles elementa izmantošana
Kad izstrādātājs piešķir tipa atribūtam e -pasta vai paroles vērtības tagu, tie katrs veido identisku tekstlodziņu. Tomēr, sākot lietot šīs kastes, atšķirības kļūst acīmredzamas.
E -pasta elements uzrauga tekstlodziņā ievadītos datus un nodrošina, ka katrs iesniegums atbilst e -pasta adreses standarta prasībām; tas nozīmē, ka ir vietējā daļa, kam seko simbols @ un beidzas ar domēnu.
Izmantojot e -pasta elementa piemēru
Iepriekš minētajā piemērā jūs esat iepazīstināts ar jaunu atribūtu ar nosaukumu vietturis , un šim atribūtam ir teksta vērtība, kas tekstlodziņā tiek parādīta pelēkā krāsā. Šo tekstu izmanto, lai norādītu datus, kas jāievieto tekstlodziņā, kā redzams iepriekš minētajā piemērā.
Paroles elements pārvērš rakstzīmes zvaigznītēs, kad tās tiek ievadītas tekstlodziņā. Tāpēc, ja jūsu datora ekrāns ir redzams citiem cilvēkiem, viņi neredzēs jūsu ievadīto paroli.
Izmantojot paroles elementa piemēru
Izmantojot pogas tagu
Veidlapā parasti ir divu veidu pogas. Pirmā ir poga Iesniegt, kas iesniedz veidlapā ievadītos datus vērtībai, kas piešķirta darbības atribūtam (kas atrodas < veidlapa> atzīme).
Iesniegšanas pogas piemērs
Submit
Otrs pogas veids, ko parasti izmanto veidlapā, ir atiestatīšanas poga, kas notīra datus formā, lai lietotājs varētu ievadīt svaigus datus. The atzīmei ir a tipa atribūtu, ko izmanto, lai norādītu pogas funkciju. Iepriekš minētajā piemērā tipa atribūts ir piešķirt vērtību Iesniegt , tāpēc poga, kurai ir a tipa vērtība atiestatīt tiek izmantots, lai atiestatītu veidlapu.
Atiestatīšanas pogas piemērs
Reset
Veidlapas izveide
Lai izveidotu vienkāršu veidlapu HTML formātā, jums ir jāiekļauj visi iepriekš minētie elementi a tagu.
Veidlapas piemēra izveide
Forms
First Name:
Last Name:
Date of birth:
Age:
Gender:
Male
Female
Other
Email Address:
Positions Available:
value='Junior Developer'> Junior Developer
value='Mid-level Developer'> Mid-level Developer
value='Senior Developer'> Senior Developer
Programming Languages:
Java
JavaScript
Python
Password:
Confirm Password:
Submit
Reset
Iepriekš minētais kods veidos šādu formu:
vai ir likumīgi lejupielādēt youtube video
Tagad jūs varat izveidot vienkāršu veidlapu HTML formātā
Šajā rakstā ir sniegti visi rīki funkcionālas HTML formas izveidošanai. Tas identificē dažādus HTML tagus, kas tiek izmantoti veidlapu izveidē, un pēta dažādus atribūtus, ko var izmantot ar šiem tagiem.
Tomēr lielākajai daļai vietnēs redzamo veidlapu ir viena papildu sastāvdaļa; CSS, ko izmanto, lai atdzīvinātu formu un padarītu to estētiski pievilcīgāku.
Kopīgot Kopīgot Čivināt E -pasts Būtiskā CSS3 rekvizītu apkrāptu lapaApgūstiet būtisko CSS sintaksi ar mūsu CSS3 rekvizītu apkrāptu lapu.
Lasīt Tālāk Saistītās tēmas- Programmēšana
- HTML
- Web izstrāde
- Kodēšanas apmācības
Kadeisha Kean ir pilna komplekta programmatūras izstrādātājs un tehniskais/tehnoloģiju rakstnieks. Viņai ir izteikta spēja vienkāršot dažus no sarežģītākajiem tehnoloģiskajiem jēdzieniem; materiāla ražošana, ko var viegli saprast ikviens tehnoloģiju iesācējs. Viņa aizraujas ar rakstīšanu, interesantas programmatūras izstrādi un pasaules apceļošanu (caur dokumentālajām filmām).
Vairāk no Kadeisha KeanAbonējiet mūsu biļetenu
Pievienojieties mūsu informatīvajam izdevumam, lai iegūtu tehniskus padomus, pārskatus, bezmaksas e -grāmatas un ekskluzīvus piedāvājumus!
Noklikšķiniet šeit, lai abonētu