Painikkeiden luominen HTML-tulotunnisteiden avulla lomakkeissa

Voit luoda muokattavia tekstipainikkeita HTML-muotoon käyttämällä tag. elementtiä käytetään a

elementti.

Määritä attribuutti tyyppi "-painiketta", muodostetaan yksinkertainen napsautettava painike. Voit määrittää painikkeessa näkyvän tekstin, kuten "Lähetä", käyttämällä arvo ominaisuus.

Esimerkiksi:

Huomaa, että tag ei lähetä HTML-lomaketta; sinun on silti sisällytettävä JavaScript-lomake lomakkeiden tietojen käsittelyyn. Ilman JavaScriptia klikkaamalla tapahtuma, painike näyttää napsautettavaksi, mutta mitään ei tapahdu, ja sinä olet turhautunut lukijoille.

Vaikka painikkeen luominen syöttötunnisteella toimii sen tarkoituksen kannalta, se on parempi vaihtoehto käyttää tunnisteella, jolla voit luoda verkkosivustosi HTML-painikkeita. tunniste on joustavampi, koska sen avulla voit käyttää painikkeisiin liittyviä kuvia (mikä auttaa säilyttämään visuaalisen koostumuksen, jos sivustossasi on suunnitteluaihe), ja se voidaan määritellä lähetys- tai nollauspainikkeeksi ilman, että tarvitset ylimääräistä JavaScript.

Haluat määrittää painikkeen tyyppi attribuutti millä tahansa tunnisteita. On olemassa kolme eri tyyppiä:

nappi - Painikkeella ei ole luontaista käyttäytymistä, mutta sitä käytetään komentosarjoihin, jotka toimivat asiakkaan puolella ja jotka voidaan liittää painikkeeseen ja jotka suoritetaan, kun niitä napsautetaan.

asettaa uudelleen - Palauttaa kaikki arvot.

Lähetä - Painike lähettää lomakkeen tiedot palvelimelle (tämä on oletusarvo, jos mikään tyyppi ei ole määritetty).

Muita ominaisuuksia ovat:

nimi - Antaa painikkeen viitenimen.

arvo - Määrittää painikkeelle alun perin määritetyn arvon.

Poista käytöstä - Sammuttaa painikkeen.

HTML5 lisää joitain lisäominaisuuksia
formaction - Käytetään ainoastaan type = "lähetä" ja arvon sisältävä URL-osoite, se määrittää missä lomakkeen tiedot lähetetään. Esimerkiksi:

formenctype - Käytetään ainoastaan type = "lähetä" ominaisuus. Määrittää, miten lomaketietoja koodataan, kun ne lähetetään palvelimelle. Nämä kolme arvoa ovat application / x-www-lomakkeella-urlencoded (Oletus), multipart / form-data, ja text / plain.

formmethod - Käytetään ainoastaan type = "lähetä" ominaisuus. Tämä määrittää sen HTTP-menetelmän, jota käytetään lomakkeen lähettämistä käytettäessä saada tai lähettää.

formnovalidate - Käytetään ainoastaan type = "lähetä" ominaisuus. Lomaketietoja ei validoituna lähetettäessä.

formtarget - Käytetään ainoastaan type = "lähetä" ominaisuus. Tämä ilmaisee, missä sivustovastaus tulee näkyviin, kun lomaketietoja lähetetään, kuten uudessa ikkunassa jne. Arvovalinnat ovat joko _blank, _self, _parent, _top, tai nimenomainen kehysnimi.

Jos käytät lomakkeita, kannattaa lukea HTML-lomakkeiden painikkeiden tekeminen ja sivuston käyttäjäystävällisempi tekeminen.