Skip to main content

Pogas izveide, izmantojot formas HTML ievades apzīmējumus

Anonim

Jūs varat izveidot pielāgojamas teksta pogas HTML, izmantojot tag The elementu izmanto

elements

Iestatot atribūtu tips uz "pogu", tiek izveidota vienkārša, noklikšķināms poga. Jūs varat definēt tekstu, kas parādīsies pogā, piemēram, "Iesniegt", izmantojot vērtība atribūts

Piemēram:

Ņemiet vērā, ka tags netiks iesniegts HTML formāts; jums joprojām būs jāiekļauj JavaScript, lai apstrādātu veidlapu datu iesniegšanu. Bez JavaScript onclick gadījumā poga, šķiet, ir noklikšķināma, bet nekas nenotiks, un jums būs neapmierinātas ar jūsu lasītājiem.

The

Lai gan, izmantojot ievades birku, lai izveidotu pogu, darbojas tā mērķim, tas ir labāks variants izmantot tag, lai izveidotu savas vietnes HTML pogas. The tags ir daudz elastīgāks, jo tas ļauj, piemēram, izmantot pogas attēlus (kas palīdz saglabāt vizuālo konsekvenci, ja vietnei ir dizaina tēma), un to var definēt kā pogas iesniegšanas vai atiestatīšanas veidu, neprasot papildu JavaScript

Jūs vēlaties norādīt pogu tips atribūts jebkurā tagi. Ir trīs dažādi veidi:

  • poga - pogai nav raksturīga darbība, bet tā tiek izmantota kopā ar skriptiem, kas darbojas klienta pusē un kurus var piesaistīt pogai, un tiek izpildīti, kad tiek noklikšķināts uz tās.
  • atiestatīt - Atjauno visas vērtības.
  • Iesniegt - poga iesniedz veidlapas datus serverim (šī vērtība ir noklusējuma vērtība, ja nav noteikts tips).

Citi atribūti ietver:

  • vārds - Poga piešķir atsauces nosaukumu.
  • vērtība - Norāda vērtību, kas sākotnēji tiek piešķirta pogai.
  • atspējot - izslēdz pogu.

HTML5 pievieno dažus papildu atribūtus

  • veidošana - Izmanto tikai ar type = "submit" un URL kā vērtību, tas norāda, kur formas dati tiks nosūtīti. Piemēram:
  • formenctype - Izmanto tikai ar type = "submit" atribūts Norāda, kā veidlapas dati tiek kodēti, kad tie tiek iesniegti serverim. Trīs vērtības ir application / x-www-form-urlencoded (noklusējums) daudzdaļu / formu dati, un teksts / vienkāršs.
  • formomethod - Izmanto tikai ar type = "submit" atribūts Tas norāda, kura HTTP metode jāizmanto, iesniedzot veidlapas datus gūt vai pasts
  • formnovalidāts - Izmanto tikai ar type = "submit" atribūts Veidlapu dati netiks apstiprināti pēc iesniegšanas.
  • formtarget - Izmanto tikai ar type = "submit" atribūts Tas norāda, kur, kad formas dati tiek iesniegti, piemēram, jauna loga utt., Ir jāparāda vietnes atbilde utt. Vērtības opcijas ir vai nu _blank, _self, _parent, _top, vai konkrēta rāmja nosaukums.
  • Ja izmantojat veidlapas, iespējams, vēlēsities izlasīt informāciju par veidošanu pogām HTML veidlapās un par to, kā padarīt jūsu vietni lietotājam draudzīgāku.