Submit-painikkeiden luominen HTML-lomakkeille

HTML-lomakkeet ovat yksi tärkeimmistä tavoista lisätä interaktiivisuutta verkkosivustoosi. Voit esittää kysymyksiä ja pyytää vastauksia lukijoilta, antaa lisätietoja tietokannoista, perustaa pelejä ja paljon muuta. Lomakkeiden luomiseen voi käyttää useita HTML-elementtejä. Ja kun olet rakentanut lomakkeen, on olemassa monia eri tapoja lähettää nämä tiedot palvelimelle tai aloittaa lomakkeen toiminta käynnissä.

Voit lähettää lomakkeesi useita tapoja:

• • Tämä on yleisin tapa saada tietoja palvelimelle, mutta se voi olla hyvin selkeä.
• • Kuvan käyttäminen tekee helposti lähetyspainikkeen sopivaksi sivustosi tyyliin. Mutta jotkut eivät ehkä tunnista sitä lähetyspainikkeena.
• • Nappi

    INPUT Tagilla on paljon samat vaihtoehdot kuin kuvassa

    INPUT tag, mutta näyttää enemmän kuin tavallinen lähetystyyppi. Se vaatii JavaScriptin aktivoida.

• • PAINIKE Tunniste on monipuolisempi painikkeen tyyppi kuin

    INPUT tag. Tämä tunniste vaatii Javacriptin aktivoinnin.

• • KOMENTO elementti on uusi HTML5: ssa, ja se tarjoaa mahdollisuuden aktivoida skriptejä ja lomakkeita niihin liittyvillä toimilla. Se aktivoidaan JavaScriptin avulla.

INPUT-elementti

Tulo

INPUT elementti on yleisin tapa lähettää lomake, sinun on vain valita tyyppi (

nappi,

kuva, tai

Lähetä) ja tarvittaessa lisää skriptejä, jotta voit lähettää lomakkeen.

elementti voidaan kirjoittaa juuri sellaiseksi. Mutta jos et, sinulla on erilaisia ​​tuloksia eri selaimissa. Useimmat selaimet tekevät painikkeen, joka sanoo "Lähetä", mutta Firefox tekee painikkeen, joka sanoo "Lähetä kysely". Jos haluat muuttaa mitä painiketta sanoo, lisää attribuutti:

value = "Lähetä lomake">

Elementti on kirjoitettu sellaisella tavalla, mutta jos jätät pois kaikki muut ominaisuudet, kaikki selaimissa näkyvät ovat tyhjä harmaa painike. Lisää tekstiä painikkeeseen käyttämällä

arvoominaisuus. Mutta tämä painike ei lähetä lomaketta, ellet käytä JavaScriptia.

onclick = "lähetä ();">

Se on samanlainen kuin

nappityyppi, joka tarvitsee komentosarjan lomakkeen lähettämiseen. Paitsi että teksti-arvon sijasta sinun on lisättävä kuvan lähde-URL-osoite.

src = "submit.gif">

Button Element

PAINIKEelementti vaatii sekä avaustunnisteen että sulkevan tunnisteen. Kun käytät sitä, kaikki sisältämäsi sisältö sisällytetään painikkeeseen. Sitten aktivoidaan painike käsikirjoituksella.

Lähetä lomake

Voit liittää kuvia painikkeeseesi tai yhdistellä kuvia ja tekstiä, jotta voit luoda mielenkiintoisemmän painikkeen.

Lähetä lomake

Komento-elementti

KOMENTOelementti on uusi HTML5: n kanssa. Se ei vaadi a

FORM mutta se voi toimia lomakkeen lähetyspainikkeena. Tämän elementin avulla voit luoda enemmän vuorovaikutteisia sivuja ilman muodollisia lomakkeita, ellet todellisuudessa tarvitse lomakkeita. Jos haluat komennon sanoa jotain, kirjoitat tiedot a

etikettiominaisuus.

label = "Lähetä lomake">

Jos haluat, että komento on kuvattu kuvan avulla, käytä

ikoniominaisuus.

ikoni = "submit.gif">

HTML-lomakkeilla on useita eri tapoja lähettää, kuten olet oppinut edellisellä sivulla. Kaksi näistä menetelmistä ovat

INPUTtunniste ja

PAINIKEtag. Näillä elementeillä on hyviä syitä.

Tuloelementti

Tunniste on helpoin tapa lähettää lomake. Se ei vaadi mitään itse tagin lisäksi, ei edes a

arvoKun asiakas napsauttaa painiketta, se lähettää automaattisesti. Sinun ei tarvitse lisätä mitään komentosarjoja, selaimet tietävät lähettämästä lomaketta lähetettäessä

INPUTnapsautetaan tunnistetta.

Ongelma on, että tämä painike on hyvin ruma ja tavallinen. Et voi lisätä kuvia siihen. Voit muotoilla sitä aivan kuten minkä tahansa muun elementin, mutta silti voi tuntua ruma-painikkeelta.

Käytä

INPUTkun lomakkeen on oltava käytettävissä myös selaimissa, joissa JavaScript on poistettu käytöstä.

PAINIKE-elementti

PAINIKEelementti tarjoaa enemmän vaihtoehtoja lomakkeiden lähettämiseen. Voit laittaa mitä tahansa sisään

PAINIKEelementti ja käännä se lähetyspainikkeeksi. Yleisimmin ihmiset käyttävät kuvia ja tekstiä. Mutta voit luoda a

DIV ja tee koko asia lähetyspainiketta, jos haluat.

Suurin haitta

PAINIKEettä se ei lähetä lomaketta automaattisesti. Tämä tarkoittaa sitä, että sen aktivoimiseen tarvitaan jonkinlainen käsikirjoitus. Ja niin se on vähemmän saatavilla kuin

INPUTmenetelmä. Jokainen käyttäjä, jolla ei ole JavaScript-toimintoa, ei voi lähettää lomaketta, jossa on vain yksi

PAINIKEelementti toimittaa sen.

Käytä

PAINIKEmenetelmällä, joka ei ole yhtä kriittinen. Tämä on myös erinomainen tapa lisätä lähetysvaihtoehtoja yhdessä muodossa.