Tebilyo cha HTML <input>

Maadili na matumizi

<input> Tegesi inadefini eneo la kufikia data ambao mtumishi anaweza kuingiza data kwenye hii.

<input> elementi ni muhimu sana kwenye forma.

<input> elementi inaweza kuonekana kwa ukosemu wa kina, kielewa muaramo wa aina.

Hapa ni aina mbalimbali za kufikia data:

  • <input type="button">
  • <input type="checkbox">
  • <input type="color">
  • <input type="date">
  • <input type="datetime-local">
  • <input type="email">
  • <input type="file">
  • <input type="hidden">
  • <input type="image">
  • <input type="month">
  • <input type="number">
  • <input type="password">
  • <input type="radio">
  • <input type="range">
  • <input type="reset">
  • <input type="search">
  • <input type="submit">
  • <input type="tel">
  • <input type="text">(waathirika wa kuzingatia)
  • <input type="time">
  • <input type="url">
  • <input type="week">

angalia muaramo wa ainakwa kuangalia mifano ya kila aina ya kufikia data!

Mfano

Form ya HTML yenye maadili ya kufikia kwa kusubiri tatu; maadili ya maandiko mbili na kibili cha kusubiri:

<form action="/action_page.php">
  <label for="fname">Jina:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Jina la kifamilia:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="Tuma">
</form>

Inafikia kwa kusaidia kufikia kwa kusubiri

Inaruhusiwa na makala

Inaruhusiwa:Inasikitia kufikia kwa kusaidia kufikia kwa kusubiri kwa elementi zifuatazo:

<input type="text">
<input type="checkbox">
<input type="radio">
<input type="file">
<input type="password">

Inaonyesha

Inaonyesha Inaonyesha Inaonyesha
accept
  • Mfano wa faili ya kifaa
  • audio/*
  • video/*
  • image/*
  • Aina ya media

Inaamua aina ya faili inayotumika kwa kusaidia kusubiri kwa kufikia kwa kusubiri.

Inaamua aina ya faili ambayo mtumiaji anaweza kuchagua kutoka kwenye kifungu cha kifaa cha file (inayotumiwa kwa type="file").
alt Matukio Inaamua matukio ya kina ya picha (inayotumiwa kwa type="image").
autocomplete
  • on
  • off
 Inaamua elementi ya <input> inaelewa kwa kufikia kwa kusubiri.
autofocus autofocus Inaamua elementi ya <input> inaingia katika ukurasa kwa kuzingatia kwenye maelezo.
checked checked Inaamua kuwahatarisha elementi ya <input> wakati wa kusakinisha ukurasa (inayotumiwa kwa type="checkbox" au type="radio").
dirname inputname.dir Inaamua uangalifu wa maandiko wa kufikia kwa kusubiri.
disabled disabled Inaamua kusimamia elementi ya <input>.
form Idadi ya forma Inaamua forma ya kina ya elementi ya <input>.
formaction URL Inaamua inaokoa URL ya kusaidia wasaidizi wa kifaa cha input (inayotumiwa kwa type="submit" na type="image").
formenctype
  • application/x-www-form-urlencoded
  • multipart/form-data
  • text/plain
 Inaeleza mbinu ya kusikia data ya forma kwa kusikia data ya kichapisho cha forma (inaenea kwa type="submit" na type="image").
formmethod
  • get
  • post
 Inaeleza mbinu ya kusikia data ya forma kwa kusikia URL ya kushika.
formnovalidate formnovalidate Inaeleza kwamba inafaa kusikia eneo la kichapisho cha forma kabla ya kushika forma.
formtarget
  • _blank
  • _self
  • _parent
  • _top
jina la kifungo 		Inaeleza mahali ambao inaonyesha jibu la kushika forma baada ya kushika forma (inaenea kwa type="submit" na type="image").
height Pixeli Inaeleza ukniweko wa kifungu <input> kwa uainishaji wa herufi (inaenea kwa type="image").
list id ya kinaagizwe cha datalist Inaeleza kinaagizwe cha <datalist> ambao kinahusiana na kinaagizwe cha <input> kwa ogeno la chaguo cha mpangilio.
max
  • numeri
  • tarehe
 Inaeleza thamani ya kichapisho cha kifungu <input> kwa ujumbe wa kinaagizwe wa kikubwa.
maxlength numeri Inaeleza ujenzi wa herufi wa kinaagizwe cha kifungu <input> ambao kinahitajika kwa ujumbe wa kinaagizwe.
min
  • numeri
  • tarehe
 Inaeleza thamani ya kichapisho cha kifungu <input> kwa ujumbe wa siku.
minlength numeri Inaeleza ujenzi wa herufi wa kinaagizwe ambao kinahitajika kwa kifungu <input>.
multiple multiple Inaeleza kwamba mtumiaji anaweza kuingiza thamani zaidi kwa kifungu <input>.
name Matukio Inaeleza jina la kifungu <input>.
pattern makusanyiko ya uharibifu Inaeleza mbinu ya uharibifu wa kinaagizwe cha <input>.
placeholder Matukio Inaeleza ujumbe mdogo wa kumtaarisha thamani ya kichapisho cha <input>.
popovertarget id ya kinaagizwe Inaeleza kinaagizwe kwa kufanya kwa kinaagizwe (inaenea kwa type="button").
popovertargetaction
  • hide
  • show
  • toggle
 Inaeleza matokeo yaliyotufanya kama kinaagizwe kwa kibatili (inaenea kwa type="button").
readonly readonly Inaeleza kwamba eneo la kichapisho ni lisilo la kureadika.
required required Inaeleza kwamba inafaa kufillia eneo la kichapisho kabla ya kushika forma.
size numeri Inaeleza ukniweko wa kifungu <input> kwa uainishaji wa herufi (inaenea kwa uainishaji wa herufi).
src URL URL ya inayotumika kwa kushika picha ya kichapisho (inaenea kwa type="image").
step
  • numeri
  • any
 Inaeleza matokeo ya thamani kati ya maneno wa adui za kuingia.
type
  • button
  • checkbox
  • color
  • date
  • datetime-local
  • email
  • file
  • hidden
  • image
  • month
  • number
  • password
  • radio
  • range
  • reset
  • search
  • submit
  • tel
  • text
  • time
  • url
  • week
 Inaeleza aina ya kifungu kwa kifungu <input> inayotawala kuonesha.
value Matukio Inaeleza thamani ya kifungu kwa kifungu <input>.
width Pixeli Inaeleza ukubwa wa kifungu kwa kifungu <input> (inaendelea kwa type="image" tu).

Hisia za kigeni

<input> Takwimu inaingia hasa inakubali Hisia za kigeni katika HTML.

Hisia za matukio

<input> Takwimu inaingia hasa inakubali Hisia za matukio katika HTML.

Misingi wa CSS wa kawaida

Hakuna.

Msaada wa kifungu

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Msaada Msaada Msaada Msaada Msaada

Maktaba ya hali

Makala ya HTML:

Mbijani wa HTML DOM: