Luo mukautettavat tekstipainikkeet HTML käyttämällä tulo tag. tulo elementtiä käytetään a: n sisällä muodossa elementti.
Asettamalla määritteentyyppi "painikkeeksi", syntyy yksinkertainen napsautettava painike. Voit määrittää painikkeessa näkyvän tekstin, kuten "Lähetä", käyttämällä arvo määritteen. Esimerkiksi:
tulo tag ei lähetä HTML-lomaketta; sinun on sisällytettävä JavaScript käsittelemään lomaketietojen toimittamista. Ilman JavaScriptiä klikkaamalla -tapahtumassa painike näyttää olevan napsautettavissa, mutta mitään ei tapahdu, ja olet turhautunut lukijoihisi.
Painikkeen tag-vaihtoehto
Vaikka käytät tulo tagin luominen painikkeelle toimii tarkoitukseensa, se on parempi vaihtoehto käyttää -painiketta -tunniste verkkosivustosi HTML-painikkeiden luomiseen. -painiketta -tunniste on joustavampi, koska sen avulla voit käyttää painikkeessa kuvia (mikä auttaa säilyttämään visuaalisen yhtenäisyyden, jos sivustolla on esimerkiksi suunnitteluteema), ja se voidaan määritellä lähetys- tai palautustyyppiseksi painikkeeksi tarvitsematta ylimääräisiä JavaScript.
Määritä painike tyyppi attribuutti missä tahansa -painiketta tunnisteet. Eri tyyppejä on kolme:
- -painiketta: Painikkeella ei ole luontaista käyttäytymistä, mutta sitä käytetään yhdessä asiakaspuolella toimivien komentosarjojen kanssa, jotka voidaan liittää painikkeeseen ja suorittaa, kun sitä napsautetaan.
- nollaa: Palauttaa kaikki arvot.
- Lähetä: Painike lähettää lomaketiedot palvelimelle (tämä on oletusarvo, jos tyyppiä ei ole määritetty).
Muita määritteitä ovat:
- nimi: Antaa painikkeelle viitenimen.
- arvo: Määrittää painikkeelle alun perin osoitettavan arvon.
- Poista käytöstä: Sammuttaa painikkeen.
Edessä napeilla
HTML5 lisää -painiketta tunniste, joka laajentaa sen toiminnallisuutta.
- automaattitarkennus: Kun sivu latautuu, tämä vaihtoehto määrittää, että painike on painopiste. Sivulla voi käyttää vain yhtä automaattitarkennusta.
- muodossa: Liittää painikkeen tiettyyn lomakkeeseen samassa HTML-asiakirjassa käyttäen arvona lomakkeen tunnusta.
- muodostuminen: Käytetään vain type = "lähetä" ja URL-arvon arvona, se määrittää, mihin lomaketiedot lähetetään. Usein kohde on PHP-komentosarja tai jotain vastaavaa,
- muodon tyyppi: Käytetään vain type = "lähetä" määritteen. Määrittää, miten lomaketiedot koodataan, kun ne lähetetään palvelimelle. Kolme arvoa ovat application / x-www-form-urlencoded (oletus), moniosainen / lomake-data, ja teksti / tavallinen.
- muotomenetelmä: Käytetään vain type = "lähetä" määritteen. Tämä määrittää, mitä HTTP-menetelmää käytetään myös lomaketietojen lähettämisessä saada tai lähettää.
- formnovalidaatti: Käytetään vain type = "lähetä" määritteen. Lomaketietoja ei vahvisteta, kun ne lähetetään.
- formtarget: Käytetään vain type = "lähetä" määritteen. Tämä osoittaa, missä sivuston vastaus tulisi näyttää, kun lomaketiedot lähetetään, esimerkiksi uudessa ikkunassa jne. Arvovaihtoehdot ovat joko_blank, _self, _parent, _top, tai tietyn kehyksen nimen.
Lue lisää tehdä painikkeita HTML-lomakkeissaja miten tehdä sivustostasi käyttäjäystävällisempi.