Verkkokaupan html-lomakkeissa (esim. tilauslomakkeessa) on vapaaehtoisia ja pakollisia kenttiä, joilla on erilaiset ulkoasutyylit. Demokauppamme ulkoasussa vapaaehtoisten kenttien nimi näytetään harmaalla tekstillä ja pakollisten mustalla. Kaikki verkkokaupan asiakkaat eivät kuitenkaan ymmärrä, että harmaa väri tarkoittaa vapaaehtoista.
Ratkaisuna on placeholderin lisääminen vapaaehtoisille tai pakollisille kentille. Placeholder tarkoittaa html-lomakkeen kentässä näkyvää täyttöohjetta, kuten esimerkkiksi "vapaaehtoinen" tai "pakollinen", jolloin kentän pakollisuus ei jää kenellekään epäselväksi.
Tässä työssä tarvitaan
Tässä esimerkissä tilauslomakkeen Yritys- ja Y-tunnus-kenttiin lisätään placeholder.
<img height="0" width="0" onload="document.getElementById('custto_company1').placeholder='Vapaaehtoinen';document.getElementById('custto_company2').placeholder='Vapaaehtoinen';document.getElementById('custto_business_id').placeholder='Vapaaehtoinen';" src="data:image/gif;base64,R0lGODlhAQABAJEAAP///wAAAAAAAAAAACH5BAkAAAAALAAAAAABAAEAAAgEAAEEBAA7" alt="" />
Tässä esimerkissä tilauslomakkeen Lisätieto-kenttään lisätään placeholder.
<img height="0" width="0" onload="document.getElementById('special_requests').placeholder='Dasdfas fdsfdsfds fds dasd'" src="data:image/gif;base64,R0lGODlhAQABAJEAAP///wAAAAAAAAAAACH5BAkAAAAALAAAAAABAAEAAAgEAAEEBAA7" alt="" />
Näillä ohjeilla ja koodiesimerkeillä ei ole minkäänlaista toimivuustakuuta. Emme vastaa välittömistä, välillisistä, satunnaisista tai epäsuorista vahingoista, menetyksistä, korvauksista, tai kolmannen osapuolen esittämistä vaatimuksista, jotka johtuvat näiden ohjeiden tai koodiesimerkkien noudattamisesta.
Asiakaskirjeen tilaajana saat sähköpostitse tärkeitä asiakastiedotteita noin 2-5 kertaa vuodessa. Asiakaskirjeen tilaaminen on tärkeää, jos käytät ohjelmistoa.