html input "digits only" - älypuhelinyhteensopivuus ?

smart_html

html -kielessä voi määritellä formiin tekstikentän näin:

Puhelin:

Mutta, monessa (äly)puhelimessa on erikseen aakkostila ja numerotila.
JOS kerran kenttään phone_number on tarkoitus syöttää vain numeroita, olisi hyvä, jos kentän voisi määritellä niin, että ainakin fiksusti suunnitellut (äly)puhelimet osaisivat itse aktivoida "vain numeroita" -tilan, kun ko. kenttä on aktiivisena, eli sillä on ns. input focus.

Onko tähän olemassa jotain yleisesti hyväksyttyä standardia ?

Toki esim. javascriptillä voi yrittää estää kirjainten syöttämisen, mutta tällainen ratkaisu ei anna puhelimen selaimelle mitään vihjettä siitä, että kyseessä on vain numeroille tarkoitettu kenttä.

Toinen asia: testasin omalla älypuhelimellani (Sony Ericsson XPeria mini pro SK17i) omalla PC:lläni olevaa http -palvelinta, niin huomasin, että puhelimen tab -näppäin ei siirry seuraavaan kenttään html -formilla kuten sen pitäisi, vaan sen sijaan lisää TAB -merkin (ASCII 9) aktiiviseen kenttään !

Tätä pitäisin bugina puhelimen selaimessa, mutta kuinka yleinen tällainen bugi on muissakin puhelinselaimissa ? Entä, voiko tämän bugin kiertää jotenkin itse html -formilla ? Tunnistamalla JavScriptillä, kun kenttään yritetään syöttää TAB -merkkiä ja estää ko. merkin syöttö ja sensijaan aktivoida seuraava kenttä (tai edellinen kenttä, jos SHIFT on myös alhaalla) ?

Toki olisi hyvä, että html formin pitäisi edelleen olla yhteensopiva myös tietokoneen selaimien kanssa. Jollei sitten ole mahdollista tunnistaa palvelimella, onko vastapäässä älypuhelin vai tietokone, ja tarjota 2 eri versiota samasta sivusta sen mukaan.


------------------------------- VASTAUSOHJE: -------------------------------

(JOS vastaat tähän, ja vastauksesi siältää HTML -koodia, huomaathan, että kannattaa kirjoittaa vastaus tekstieditorilla, ja ennen tekstin copypastetusta tänne forumille toimia näin:

korvaa jokainen pienempi kuin -merkki merkkijonolla <
korvaa jokainen suurempi kuin -merkki merkkijonolla >

MUUSSA tapauksessa vastauksesi katkeaa ensimmäiseen pienempi kuin -merkkiin, syynä forumsoftan bugi.
)

1

189

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Tähän on ”käytännön standardi”, HTML5-kielen mukainen input-elementti, jossa ei ole type=”text” vaan type=”tel”. Toimii (jollain tapaa) aika monessa selaimessa. Ei sisällä tarkistuksia, vaan ne on syytä koodata erikseen, mieluiten HTML5-kielen pattern-määritteellä ja lisäksi vanhojen selainten takia JavaScriptillä (jossa voi käyttää pattern-määritteessä olevaa tietoa).

      Huom. rajoitukset puhelinnumeroiden muodolle voi asettaa tyhmästi tai erittäin tyhmästi. Ja myös fiksusti, mutta se vaatii sekä tietoa että ajattelua. Kohtalaisen fiksua on, että sallitaan välilyönnit ja yhdysmerkit (-) ja sulkeet mutta heitetään ne myöhemmin roskikseen. Ja alussa oleva plusmerkki ( ) on syytä sallia.

    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Veroaste on Suomessa viitisen prosenttiyksikköä liian matala

      Veropohjaa on rapautettu käytännössä koko kulunut vuosituhat, jonka vuoksi valtion menoja on jouduttu rahoittamaan velka
      Maailman menoa
      91
      2531
    2. Tiedän satavarmasti ettet tule koskaan

      Uskaltamaan mitään. Ei me tulla edes näkemään koskaan.
      Ikävä
      67
      1465
    3. Kyläkauppias ajoi kännissä töistä kotiin

      Ei edes kallis auto estä humalassa ajamista, vaikka luulisi alkolukko olevan sellaisessa jo vakiovarusteena. https://ww
      Maailman menoa
      84
      1423
    4. EU komissio - EU-elpymisrahoja voidaan käyttää TILAPÄISESTI väärin!

      Espanja ohjasi miljardeja euroja – Nyt EU-komissio teki yllättävän paljastuksen Skandaaliksi noussut Espanjan EU-rahoje
      Maailman menoa
      13
      1208
    5. Miks me oikein

      Rakastuttiin vaikka kaikki on mahdotonta?
      Ikävä
      81
      943
    6. Kiitos upeasta palvelusta kukkamyyjä

      Kiitos sinulle upea kaunis kukkamyyjä Kuhmon torilla 🌹 Upea iloinen asenteesi ja kaunis hymysi pelasti päiväni ❤️ Jäi
      Kuhmo
      19
      910
    7. Ratikka Turkuun

      Ei hyvä. Ja syy on siinä , kukaan ei osaa suunnitella oikeaa reittiä. Pitää huomioide, kiskoja sijaintia ei voi muutta
      Turku
      105
      804
    8. Miehet trikoissaan

      On se kauhian näkköistä, kun miehet tiukossa trikkoissa juoksentelloo ja mulukku paestaa trikkoijjen läpi. Kahtokkee pe
      Suomussalmi
      36
      800
    9. Nainen, mikset lähetä

      miehelle viestiä? Tiedän, että sulla on asiaa ja kysyttävää.
      Ikävä
      54
      783
    10. Rakastan sinua

      Yhä.
      Ikävä
      30
      716
    Aihe