Andraž Lazič
  • Domov
  • Storitve
  • Portfolio
  • Blog
  • Kontakt
25. avgusta, 2018

Spletni obrazci s HTML5

Spletni obrazci s HTML5
25. avgusta, 2018

Dober spletni obrazec - Kako do več izpolnjenih povpraševanj

Izpolnjevanje spletnih obrazcev nikoli ni bilo zabavno. S prihodom mobilnih naprav, pa je to še toliko manj prijetno, zaradi tipkovnice, ki zapolni polovico zaslona in s tem zmanjša vidno polje. Toda sodobni brskalniki omogočajo, da je to veliko lažje z zagotavljanjem novih semantičnih tipov vnosov in validacij.

Osupljivi spletni obrazci

Več o spletnih obrazcih v smernicah spletnih strani na Create Amazing Forms.

Različni tipi vnosov spletnih obrazcev

S prihodom HTML5 (označevalni jezik, uporabljen za strukturiranje in predstavljanje vsebin na svetovnem spletu), so predstavljene nove možnosti izpolnjevanja spletnih obrazcev. Te nove vrste vnosov namigujejo brskalniku, kakšna vrsta razporeditve tipkovnice se prikaže za zaslonih mobilnih naprav.

<input type=”email” placeholder=”example@email.com” />

Mobilna naprava zaradi zgoraj napisane sintakse “email” pri kontaktni formi, prilagodi tip tipkovnice tako, da se spodaj pri pesledki pojavi znak “@”, ki nam olajša vnos email naslova.

Vrsta vnosa Opis
url
Za vnos URL-ja. Začeti mora z veljavno shemo URI (na primer http: //, ftp: // ali mailto://).
tel

Za vnos telefonskih številk. Ne uporablja posebne sintakse za preverjanje veljavnosti, zato lahko, če želite zagotoviti določen format, uporabite vzorec.

email

Za vnos e-poštnih naslovov. Privzeto bo upošteval le enega, vendar če je naveden več atributov, je seznam e-poštnih naslovov možno ločiti z vejico.

number

Za številčni vnos je lahko na voljo vsako racionalno celo število ali likvidna vrednost.

color

Za izbiranje barv.

range

Za vnos številk, vendar je za razliko od vnosnega polje, je tu vrednost številk manjša. Uporabniku se prikaže kot drsnik.

datetime

Za vnos datuma in časa, ko je časovni pas določen kot GMT.

datetime-local

Za vnos datuma in časa, kjer je časovni pas lokalni časovni pas.

HTML5 tipkovnica za povezave - url

<input type=”url” placeholder=”www.website.com” />

Ena glavnih prednosti input type=”tel” je, da mobilnim brskalnikom prikažejo posebno tipkovnico za vnos telefonskih številk. Na primer, spodaj lahko vidite, kakšne so tipkovnice na mobilnih napravah.

<input type=”tel” placeholder=”+386 41 123 456″ />

O meni

Grafični oblikovalec z veliko izkušnjami v avtomobilski industriji – marketing. Skozi prakso sem pridobil znanja v fotografiji, spletnem programiranju, strategiji trženja in poznavaju Adobe Creative Suite.

Ostale objave

Najboljši program za urejanje slik v letu 2021?5. januarja, 2021
Darilni bon za fotografiranje25. novembra, 2020
Družinsko fotografiranje: pripravite otroka na družinsko fotografiranje25. novembra, 2020

Zadnja dela

Škoda Scala - Slovenija - Andraž Lazič
Porsche 911 Cabrio in vina Koželj.
Instagram efekt filter WOD.

Kategorije

  • Fotografija
  • Nasveti

Oznake

Fotografija Grafično oblikovanje HTML Photoshop program Spletni obrazec spletno programiranje urejanje slik

2019 © Andraž Lazič – Piškotki

Instagram – Facebook – LinkedIn

Uporabljamo piškotke, ki vam omogočajo najboljšo izkušnjo na naši spletni strani. Več informacij o tem, katere piškotke uporabljamo, ali jih izklopite v nastavitvah.

Andraž Lazič
Politika piškotkov

Naša spletna stran uporablja piškotke. To so majhne datoteke, ki jih ob obisku naložimo na vaš računalnik oziroma mobilno napravo. Tako lahko prepoznamo, ko se vrnete na spletno stran ter omogočimo njeno boljše delovanje in uporabo. Uporabljamo tudi piškotke za potrebe spletne analitike in integracijo socialnih omrežij.

Kaj so piškotki?

Piškotek (angl. cookie) je datoteka, ki shrani nastavitve spletnih strani. Spletna mesta piškotke shranijo v naprave uporabnikov, s katerimi dostopajo do interneta z namenom prepoznavanja posameznih naprav in nastavitev, ki so jih uporabniki uporabili pri dostopu. Piškotki omogočajo spletnim stranem prepoznavanje, če je uporabnik že obiskal to spletno mesto in pri naprednih aplikacijah se lahko z njihovo pomočjo ustrezno prilagodijo posamezne nastavitve. Njihovo shranjevanje je pod popolnim nadzorom brskalnika, ki ga uporablja uporabnik – ta lahko shranjevanje piškotkov po želji omeji ali onemogoči.

Nadzor piškotkov

Shranjevanje in upravljanje piškotkov je pod popolnim nadzorom brskalnika, ki ga uporablja uporabnik. Brskalnik lahko shranjevanje piškotkov po želji omeji ali onemogoči. Piškotke, ki jih je brskalnik shranil, lahko tudi izbrišete, navodila najdete na spletnih straneh posameznega brskalnika:

  • Mozilla Firefox
  • Google Chrome
  • Microsoft Internet Explorer 9
  • Microsoft Internet Explorer 7 in 8
  • drugi brskalniki (www.aboutcookies.org)
Zahtevani piškotki

Zahtevani piškotki naredijo spletno stran uporabno, saj omogočajo osnovne funkcije, kot so navigacija po strani in dostop do varnih območij spletne strani. Spletna stran brez teh piškotkov ne deluje pravilno.

Če onemogočite te piškotke, ne bomo mogli shraniti vaših nastavitev. To pomeni, da boste morali vsakič, ko obiščete to spletno mesto, ponovno omogočiti ali onemogočiti piškotke.

Google Analytics

Ta spletna stran uporablja Google Analytics za zbiranje anonimnih informacij, kot so število obiskovalcev mesta in najbolj priljubljene strani.

Ohranjanje tega piškotka nam pomaga izboljšati našo spletno stran.

Najprej omogočite potrebne piškotke, da lahko shranimo vaše nastavitve!