HTML ir svarīgs HTML formas elements. Ievades elementa atribūts 'type' var būt dažāda veida, kas nosaka informācijas lauku. Piemēram, dod tekstlodziņu.

Tālāk ir visu veidu HTML elementu saraksts.

HTML5 elementam pievienoja jaunus veidus. Tālāk ir sniegts HTML5 elementu veidu saraksts

Tālāk ir sniegts apraksts par elementu veidiem ar piemēriem.

1. :

'text' tipa elementi tiek izmantoti, lai definētu vienas rindiņas ievades teksta lauku.

Piemērs:

 Enter first name <br> <br> Enter last name <br> <br> <p> <strong>Note:</strong> The default maximum cahracter lenght is 20.</p> 

Izvade:

Ievades “teksta” veids:

The 'teksts' lauks definē vienas rindas ievades teksta lauku.

Piezīme: Noklusējuma maksimālais rakstzīmju garums ir 20.

2. :

Elements, kura veids ir “parole”, ļauj lietotājam droši ievadīt paroli tīmekļa lapā. Ievadītais teksts parolē ir pārveidots par “*” vai “.”, lai to nevarētu lasīt cits lietotājs.

Piemērs:

 Enter User name <br> <br> Enter Password <br> <br> <br> 

Izvade:

Ievadiet “paroles” veidu:

The 'parole' lauks definē vienas rindas ievades paroles lauku, lai droši ievadītu paroli.

3. :

Tipa “iesniegt” elements definē iesniegšanas pogu, lai iesniegtu veidlapu serverim, kad notiek “klikšķa” notikums.

Piemērs:

 Enter User name <br> <br> Enter Password <br> <br> <br> 

Izvade:

Ievades “iesniegšanas” veids:

Pēc noklikšķināšanas uz pogas Iesniegt, veidlapa tiks iesniegta serverim un lapa tiks novirzīta uz darbība vērtība. Par atribūtu 'darbība' mēs uzzināsim turpmākajās nodaļās

4. :

Tips “atiestatīt” ir arī definēts kā poga, taču, kad lietotājs veic klikšķa notikumu, tas pēc noklusējuma atiestata visas ievadītās vērtības.

Piemērs:

 User id: Password: <br> <br> 

Izvade:

galdi no lateksa

Ievades “atiestatīšanas” veids:

Mēģiniet mainīt lietotāja ID un paroles ievades vērtības, pēc tam, noklikšķinot uz atiestatīšanas, ievades lauki tiks atiestatīti ar noklusējuma vērtībām.

5. :

Tips 'radio' nosaka radio pogas, kas ļauj izvēlēties opciju starp saistīto opciju kopu. Vienlaikus var atlasīt tikai vienu radiopogas opciju.

Piemērs:

Lūdzu, izvēlieties savu iecienītāko krāsu

Izvade:

Ievades 'radio' veids

Lūdzu, izvēlieties savu iecienītāko krāsu

6. :

Tips 'izvēles rūtiņa' tiek parādīts kā kvadrātveida rūtiņas, kuras var atzīmēt vai noņemt, lai atlasītu kādu no dotajām opcijām.

Piezīme. Radio pogas ir līdzīgas izvēles rūtiņām, taču pastāv būtiska atšķirība starp abiem veidiem: radio pogas ļauj lietotājam vienlaikus atlasīt tikai vienu opciju, savukārt izvēles rūtiņa ļauj lietotājam vienlaikus atlasīt no nulles līdz vairākām opcijām. .

Piemērs:

 Enter your Name: <p>Kindly Select your favourite sports</p> Cricket <br> Tennis <br> Football <br> Baseball <br> Badminton <br> <br> 

Izvade:

Ievadiet izvēles rūtiņas veidu

Reģistrācijas forma

Lūdzu, izvēlieties savu iecienītāko sporta veidu

7. :

Tips “poga” definē vienkāršu spiedpogu, kuru var ieprogrammēt, lai funkcionāli kontrolētu jebkuru notikumu, piemēram, klikšķa notikumu.

Piezīme. Tas galvenokārt darbojas ar JavaScript.

Piemērs:

Izvade:

Ievadiet pogas veidu.

Noklikšķiniet uz pogas, lai redzētu rezultātu:

Piezīme. Iepriekš minētajā piemērā esam izmantojuši JS brīdinājumu, ko jūs uzzināsit mūsu JS apmācībā. To izmanto, lai parādītu uznirstošo logu.

8. :

Elements ar tipu “file” tiek izmantots, lai atlasītu vienu vai vairākus failus no lietotāja ierīces krātuves. Kad esat atlasījis failu un pēc iesniegšanas, to var augšupielādēt serverī, izmantojot JS kodu un faila API.

Piemērs:

 Select file to upload: 

Izvade:

Ievadiet 'faila' veidu.

Mēs varam izvēlēties jebkura veida failu, kamēr mēs to nenorādīsim! Atlasītais fails tiks parādīts blakus opcijai “izvēlēties failu”.

9. :

Veids “attēls” tiek izmantots, lai attēlotu iesniegšanas pogu attēla formā.

Piemērs:

 <h2>Input &apos;image&apos; type.</h2> <p>We can create an image as submit button</p> User id: <br> <br> <br> 

HTML5 tikko pievienots tipa elements

1. :

Tips “krāsa” tiek izmantots, lai definētu ievades lauku, kurā ir krāsa. Tas ļauj lietotājam norādīt krāsu, izmantojot pārlūkprogrammas vizuālo krāsu saskarni.

Piezīme. Krāsu veids atbalsta tikai krāsas vērtību heksadecimālā formātā, un noklusējuma vērtība ir #000000 (melns).

Piemērs:

 Pick your Favorite color: <br> <br> Upclick <br> <br> Downclick 

Izvade:

Ievades “krāsu” veidi:

Piezīme: Krāsu tipa noklusējuma vērtība ir #000000 (melns). Tas atbalsta tikai krāsu vērtību heksadecimālā formātā.

kā noņemt norādi uz c

2. :

Tipa “datums” elements ģenerē ievades lauku, kas ļauj lietotājam ievadīt datumu noteiktā formātā. Lietotājs var ievadīt datumu teksta laukā vai datumu atlasītāja saskarnē.

Piemērs:

 Select Start and End Date: <br> <br> Start date: <br> <br> End date: <br> <br> 

Izvade:

Ievadiet “datuma” veidu

3. :

Tipa “datetime-local” elements izveido ievadi, kas ļauj lietotājam izvēlēties datumu, kā arī vietējo laiku stundās un minūtēs bez laika joslas informācijas.

Piemērs:

 Select the meeting schedule: <br> <br> Select date &amp; time: <br> <br> 

Izvade:

Ievadiet veidu “datetime-local”.

4. :

Tips 'e-pasts' izveido ievadi, kas ļauj lietotājam ievadīt e-pasta adresi ar modeļa validāciju. Vairāki atribūti ļauj lietotājam ievadīt vairāk nekā vienu e-pasta adresi.

Piemērs:

 <b>Enter your Email-address</b> <p> <strong>Note:</strong> User can also enter multiple email addresses separating by comma or whitespace as following: </p> <b>Enter multiple Email-addresses</b> 

Izvade:

Ievadiet “e-pasta” veidu

Piezīme: Lietotājs var arī ievadīt vairākas e-pasta adreses, atdalot tās ar komatu vai atstarpēm, kā norādīts tālāk.

5. :

Tips “mēnesis” izveido ievades lauku, kas ļauj lietotājam viegli ievadīt mēnesi un gadu formātā “MM, GGGG”, kur MM nosaka mēneša vērtību, bet GGGG – gada vērtību. Jauns

Piemērs:

 Enter your Birth Month-year: 

Izvade:

normālas formas

Ievades “mēneša” veids:

6. :

Elementa tipa numurs izveido ievadi, kas ļauj lietotājam ievadīt skaitlisko vērtību. Varat arī ierobežot minimālās un maksimālās vērtības ievadīšanu, izmantojot atribūtu min un max.

Piemērs:

 Enter your age: 

Izvade:

Ievadiet numura veidu

Piezīme: Tas ļaus ievadīt numuru diapazonā no 50 līdz 80. Ja vēlaties ievadīt citu numuru, nevis diapazonu, tiks parādīta kļūda.

7. :

Tipa “url” elements izveido ievadi, kas ļauj lietotājam ievadīt URL.

Piemērs:

 Enter your website URL: <br> 

Izvade:

Ievadiet “url” veidu

8. :

Veids nedēļa izveido ievades lauku, kas ļauj lietotājam izvēlēties nedēļu un gadu no nolaižamā kalendāra bez laika joslas.

Piemērs:

 <b>Select your best week of year:</b> <br> <br> 

Izvade:

Ievadiet “nedēļas” veidu

9. :

Veids “meklēšana” izveido ievadi, kas ļauj lietotājam ievadīt meklēšanas virkni. Tie ir funkcionāli simetriski teksta ievades veidam, taču to stils var būt atšķirīgs.

Piemērs:

 Search here: 

Izvade:

Ievadiet 'meklēšanas' veidu

10. :

Tipa ?tel? izveido ievadi, kas ievadīta tālruņa numura ievadīšanai. “Tālruņa” veidam nav noklusējuma validācijas, piemēram, e-pasta, jo tālruņa numuru shēma visā pasaulē var atšķirties.

Piemērs:

 <b>Enter your Telephone Number(in format of xxx-xxx-xxxx):</b> <br> <br> 

Izvade:

Ievadiet “tel” veidu

Piezīme: Šeit tiek izmantoti divi atribūti, kas ir 'raksts' un 'obligāti', kas ļaus lietotājam ievadīt numuru dotajā formātā, un tas ir jāievada ievades laukā.