Particletree julkaisi hiljattain äärimmäisen kiehtovan artikkelin verkkolomakkeiden nappuloiden muotoilusta.
<input type="submit" value="Lähetä" />
<button type="submit">Lähetä</button>
Kummatkin napit toimivat ja käyttäytyvät samalla tavalla. Molemmat on myös W3C:n mukaan ihan OK. Asian ydin ja jutun juuri tuossa Particletreen kirjoituksessa on se, että jälkimmäistä button-elementtiä voidaan muokata huomattavasti helpommin, kuin yleisempää input-nappia, esimerkiksi CSS:n avulla. Kyseisen nappulan sisälle voi myös liittää kuvatiedostoa (img) tai muuta tavaraa.
Testataanpa vielä miltä button oikein näyttää. Tältähän se:
Nappula luotiin tällä yksinkertaisella merkkauksella:
<button>Nappula</button>
Koska aika on arvokasta, kannattaa tutustua tähän alla näkyvään listaan jos mielit löytää tämän nettisivuston parhaat kirjoitukset. Tässä alapuolella on kaikkein luetuimpia kirjoituksia Korinaa kuopasta -blogin aarreaitasta. Kirjoitukset on järjestetty suosituimmuusjärjestykseen siten, että luettelon kärjessä on tällä hetkellä eniten lukukertoja saaneet kirjoitukset.
Blogimerkintää "Nätimpiä nappuloita lomakkeisiin" muokattiin viimeksi 1065 päivää sitten, eli torstaina 12.03.2009 kello 12:12. Kirjoitukseen on julkaistu kommentteja 3 kpl. Kaikki kirjoituksen saamat kommentit löytyvät suoraan tämän tekstimötikän alapuolelta.
Mites selaintuki? Kai se toimii sikavanhoilla selaimilla ja ruudunlukijoilla? Vaikuttaa kyllä hyvältä :)
button on yhtä vanha keksintö, kuin itse verkkolomake, eli yhteensopivuusongelmia ei pitäisi tulla ollenkaan. Pientä eroavaisuutta voi tulla CSS:n takia, mutta hälläväliä… Kunhan kaikki toimii, niin hyvä niin.
Luin ton artikkelin ennen kuin tein uudet sivut.
Niin, uskon Petterin olevan oikeassa. Tuskin sen käyttäminen ongelmia synnyttää, ellei sitten nappulaa uhallaan rikota vaikka ylenpalttisen CSS-kikkailun kautta. :-) Se on tosiaan vanhahko elementti, mutta ei ole jostain syystä kovin yleisesti käytössä. Täytyy myöntää, että itsekin sain tiedon siitä vasta luettuani tuon Particletreen artikkelin.
Tarkennuksena vielä, että button voi olla vain jonkin näistä tyypeistä:
Jos halutaan laittaa submit-namiska, niin sitten naputellaan type=“submit”.
Oho! Tämän julkaisun kommentointi onkin jo suljettu. Kun tämän julkaisun kommentointi oli vielä avoinna, tälle julkaisulle kirjoitettiin yhteensä 3 kommenttia. Tämä artikkeli on lokeroitu kategoriaan Web. Tämän julkaisun kestolinkin osoite on http://www.kuopassa.com/weblog/2007/07/10/natimpia-nappuloita-lomakkeisiin.
Selaat tällä hetkellä blogimerkintää Nätimpiä nappuloita lomakkeisiin.. Se julkaistiin %. päivä heinäkuuta 2007. Voit siirtyä lukemaan blogin tuoreimpia kirjoituksia klikkaamalla tiesi weblogin etusivulle. Tässä blogissa julkaistaan kiinnostaviksi katsomiani asioita, joten jos tiedät kiinnostavan nettiin liittyvän aiheen, josta kannattaisi kirjoittaa, laita palautetta!