Kitambulisho cha Input

Kitambulisho input kinaunda aina mbalimbali za vipengele vya fomu ya HTML: uwanja wa kawaida wa kuingiza, uwanja wa kuingiza nenosiri, kisanduku cha kuteua (checkbox), vitufe vya redio (radio), kitufe.

Kitambulisho input kinapaswa kuwa ndani ya kitambulisho form. Hii si lazima, lakini inahitajika kwa ajili ya kutuma data kwa seva na kushughulikiwa baadaye kupitia PHP.

Haihitaji kitambulisho cha kufunga.

Vipengele (Attributes)

Kipengele	Maelezo
type	Huainisha aina ya uwanja wa kuingiza. Chaguzi zipo hapa chini.
value	Thamani ya msingi katika uwanja wa kuingiza. Kwa upande wa kitufe, huweka maandishi yake. Kwa maelezo zaidi tazama kipengele value.
placeholder	Kidokezo katika uwanja wa kuingiza, kwa maelezo zaidi tazama kipengele placeholder.
name	Jina la uwanja wa kuingiza. Linahitajika ili kuvuta data ya uwanja wa kuingiza kwenye PHP. Kwa ajili ya kufanya kazi kwa usahihi kwa fomu, majina ya sehemu za kuingiza hayapaswi kufanana na kila mmoja (katika fomu moja). Ikiwa yanafanana - katika PHP data ya uwanja huo wa kuingiza ambayo iko chini katika msimbo wa HTML itafika.
disabled	Huzuia kipengele cha fomu (sio input pekee, bali karibu kila kipengele), kwa maelezo zaidi tazama kipengele disabled.

Thamani za Kipengele type

Thamani	Maelezo
text	Huunda uwanja wa kawaida wa maandishi wa kuingiza.
password	Huunda uwanja wa maandishi wa kuingiza kwa nenosiri. Jaribu kuandika maandishi ndani yake - yataonyeshwa kama nyota.
checkbox	Huunda kisanduku cha kuteua (checkbox). Kwa maelezo zaidi tazama checkbox.
radio	Huunda kitufe cha kubadilisha cha redio. Kwa maelezo zaidi tazama radio.
hidden	Huunda input iliyofichwa, ambayo haitaonekana kwenye skrini, lakini itatuma data iliyo katika kipengele value kwa seva.
button	Huunda kitufe. Kubonyeza kitufe hiki hakutuma fomu kwa seva. Inaweza kutumika ndani ya kiungo au kupitia JavaScript. Kwa msingi kitufe hakina maandishi (mfano wa kitufe bila maandishi: ), yanawekwa kwa kutumia value. Tazama pia kitambulisho button, ambacho pia hufanya kitufe.
submit	Huunda kitufe, ambacho kitatuma data kwa seva. Maandishi ya kitufe hutegemea kivinjari, yanaweza kubadilishwa kwa kutumia value. Tazama pia kitambulisho button, ambacho pia hufanya kitufe.
reset	Huunda kitufe, ambacho husafisha fomu iliyojazwa. Maandishi ya kitufe hutegemea kivinjari, yanaweza kubadilishwa kwa kutumia value.
file	Huunda kitufe cha kuchagua faili. Muundo wa kitufe hiki hauruhusiwi kubadilishwa kupitia CSS (hata hivyo kuna njia za hila). Ikiwa unahitaji uwanja kama huo kwenye fomu, basi kitambulisho form kinapaswa kuwa na kipengele enctype kwa thamani multipart/form-data.

Thamani Mpya za Kipengele type katika HTML5

Thamani hizi za kipengele ni mpya, zimeonekana tu katika HTML5, kwa hivyo katika baadhi ya vivinjari huenda zisifanye kazi au kufanya kazi kwa njia tofauti katika vivinjari tofauti.

Ikiwa kivinjari hakiwezi kuelewa yaliyomo katika kipengele type (kwa mfano, ikiwa haitumiki au imeingizwa kwa makosa), itaona kipengele kama uwanja wa kawaida wa maandishi ya input, kana kwamba kwenye type kuna thamani text.

Angalia mifano iliyotolewa hapa chini katika vininjari tofauti. Jaribu kuandika katika input maandishi na ubonyeze kitufe cha kutuma. Ikiwa maandishi si sahihi au uwanja ni wazi - kivinjari kitatoa hitilafu. Kwa mfano, ikiwa kwenye uwanja wa aina email unaandika barua pepe isiyo sahihi - kivinjari hakikuruhusu kutuma fomu na kutoa ujumbe wa hitilafu (maandishi ya hitilafu na mwonekano wake kwenye html css haiwezi kubadilishwa). Ikiwa uwanja ni wazi - kivinjari pia utatoa hitilafu, hii inapatikana kwa kutumia kipengele required:

Thamani	Maelezo
email
number
url
tel
search
color
date
month
week
datetime
datetime-local
range

Angalia Pia