Painikkeiden luominen HTML-syötetunnisteilla lomakkeissa

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.

instagram viewer

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.

instagram story viewer