Izmantojot HTML ievades tagu un pogas tagu veidlapās

Iestatot atribūta veidu uz "poga", tiks izveidota vienkārša, noklikšķināms poga. Jūs varat definēt tekstu, kas parādīsies pogai, piemēram, "Iesniegt", izmantojot vērtības atribūtu.

Piemēram:

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

& Lt; poga & gt; Tag alternatīva

Lai gan, izmantojot ievades birku, lai izveidotu pogu, tā darbojas, tā ir labāka iespēja izmantot tagu , lai izveidotu savas vietnes HTML pogas. Tag ir 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 bez papildu JavaScript.

Jūs vēlaties norādīt pogas tipa atribūtu jebkurā

tagā. Ir trīs dažādi veidi:

• poga - pogai nav raksturīgas uzvedības, bet tiek izmantota kopā ar skriptiem, kas darbojas klienta pusē un kurus var piesaistīt pogai un izpilda, kad tiek noklikšķināts.
• atiestatīšana - atiestatīt visas vērtības.
• submit - poga iesniedz veidlapas datus serverim (šī vērtība ir noklusējuma vērtība, ja nav noteikts tips).

Citi atribūti ietver:

• nosaukums - dod pogu atsauces nosaukumu.
• vērtība - Norāda vērtību, kas sākotnēji tiek piešķirta pogai.
• atslēgt - izslēdz pogu.

HTML5 pievieno papildu apzīmējumus

tagam, kas jums piešķir vairāk funkcionalitātes.

• autofokuss - kad lapa tiek ielādēta, tas norāda, ka šī poga ir fokuss. Lapā var izmantot tikai vienu autofokusu.
• forma - Piesaistās pogai ar formu tajā pašā HTML dokumentā, izmantojot formas identifikatoru kā vērtību. Piemēram:

Iesniegt

formaction - Izmanto tikai ar type = "submit" un URL kā vērtību, tajā ir norādīts, kur formas dati tiks nosūtīti. Piemēram:

iesniegt veidlapas datus uz citu lapu

formenctype - Lieto tikai ar tipa = "submit" atribūtu. 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), multipart / form-data un text / plain.

formmethod - Izmantojams tikai ar tipa = "submit" atribūtu. Tas norāda, kura HTTP metode tiek izmantota, iesniedzot veidlapu datus, vai nu iegūstot, vai ievietojot ziņu.

formnovalidate - Izmanto tikai ar tipa = "submit" atribūtu. Veidlapu dati netiks apstiprināti pēc iesniegšanas.

formtarget - Lieto tikai ar tipa = "submit" atribūtu. Tas norāda, kur, kad formas dati tiek iesniegti, piemēram, jaunā logā utt. , Jāparāda vietnes atbilde utt. Vērtības opcijas ir vai nu _blank, _self, _parent, _top vai konkrēts rāmīša 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.