Kuinka tehdä kyselylomake HTML: ssä

Mies, jolla on leikepöytä ja kynä

HTML-lomakkeiden avulla voit kerätä kaikenlaista tietoa verkkosivustosi vierailijoilta.

Kuvan luotto: Stockbyte/Retrofile/Getty Images

Jos haluat kerätä tietoja tai palautetta verkkosivustosi vierailijoilta, luo kyselylomake hypertekstin merkintäkielellä (HTML). Kyselylomakkeesi voi sisältää useita syöttötapoja valintanapeista valintaruutuihin ja avattaviin luetteloihin. Kun käyttäjä on täyttänyt kyselylomakkeen, saat hänen vastauksensa sähköpostiisi.

Vaihe 1

Avaa HTML-dokumentti, jossa haluat esittää kyselylomakkeesi, Muistiossa, verkkoisäntäsi sisäänrakennetussa HTML-editorissa tai valitsemassasi HTML-editorissa. Jos aloitat uuden verkkosivun, luo uusi TXT-asiakirja ja lisää sitten perustunnisteet:

Päivän video

Web-sivun otsikko

Luomasi lomaketunnisteet menevät avaus- ja sulkemistunnisteiden väliin. Kun täytät kyselyn, tallenna asiakirja joko HTM- tai HTML-muodossa ja avaa se sitten missä tahansa verkkoselaimessa esikatsellaksesi työtäsi.

Vaihe 2

Aseta

. Kaikki kysymyksesi ja -tunnisteet siirtyvät näiden kahden tunnisteen väliin. Jokainen -tunnisteen tulee sisältää "name"-attribuutti, kuten. Jotta kyselylomakkeesi vastaukset välitetään sähköpostiosoitteeseesi, sinun

Vaihe 3

Käytä -tunnistetta luodaksesi yksirivisen syöttökentän, johon käyttäjät voivat kirjoittaa vastauksensa. Jos esimerkiksi haluat kysyä, kuka ohjasi käyttäjän verkkosivustollesi, koodisi näyttää tältä:

Vaihe 4

Käytä -tagi luodaksesi valintanapit. Radiopainikkeiden avulla käyttäjä voi valita vain yhden vaihtoehdon. Jokaisella valintanappijoukkosi syötteellä tulee olla sama nimi, mutta yksilölliset arvoattribuutit. Jos haluat esimerkiksi kysyä, pitivätkö vierailijat verkkosivustostasi, käytä tätä:

Joo

Ei

Tunniste luo rivinvaihdon verkkosivullesi, koska HTML ei itsessään tunnista välilyöntejä.

Vaihe 5

Käytä -tagi luodaksesi valintaruudut. Toisin kuin valintanapeista, käyttäjä voi valita useita valintaruutuja sarjassa. Kuten valintanapeilla, jokaisella joukon vaihtoehdolla tulee olla sama nimi, mutta yksilölliset arvot. Voit esimerkiksi pyytää vierailijaa ehdottamaan ominaisuuksia verkkosivustollesi:

Lisää kuvia!

Lisää linkkejä!

Lisää sisältöä!

Vaihe 6

Käytä tunnisteita luodaksesi pudotusvalikosta valintaluettelon, josta käyttäjä voi valita vain yhden vaihtoehdon. Luo jokaiselle luettelosi vaihtoehdolle erillinen asetetaan avauksen ja sulkemisen väliin

Koska "värit"-vaihtoehdossa on valittu attribuutti, se on oletusvalinta.

Vaihe 7

Käytä -tunniste luodaksesi lähetyspainikkeen. Kun käyttäjä napsauttaa tätä painiketta, hänen antamansa tiedot välitetään sinulle, riippuen avauksessa määrittämästäsi hakumenetelmästä