Zoekveld semantisch correct maken.

[b2vjfvj75gjx7]

Alle zoekvelden zijn nu textfields;

HTML:

<input type="text" name="keyword" placeholder="Zoek in de site" autocomplete="off" on_focus="this.select();" >

Als je hier

HTML:

type="search"

van maakt, is het semantisch correcter en als extra bonus krijg je op nagenoeg alle virtuele keyboards een zoek-icoon (vergrootglas) te zien op de plek waar nu de [enter] toetst staat (wat weer visuele feedback geeft over de te verwachten actie).

[ Voor 4% gewijzigd door b2vjfvj75gjx7 op 18-04-2018 00:04 ]

[Snake]

b2vjfvj75gjx7 schreef op dinsdag 17 april 2018 @ 15:17:
Alle zoekvelden zijn nu textfields;

HTML:

<input type="text" name="keyword" placeholder="Zoek in de site" autocomplete="off" onfocus="this.select();" >

Als je hier

HTML:

type="search"

van maakt, is het semantisch correcter en als extra bonus krijg je op nagenoeg alle virtuele keyboards een zoek-icoon (vergrootglas) te zien op de plek waar nu de [enter] toetst staat (wat weer visuele feedback geeft over de te verwachten actie).

onfocus gecorrigeerd, werkt hier op Version 65.0.3325.181

[ Voor 4% gewijzigd door Snake op 18-04-2018 00:10 ]

[b2vjfvj75gjx7]

Snake schreef op woensdag 18 april 2018 @ 00:09:
[...]
onfocus gecorrigeerd, werkt hier op Version 65.0.3325.181

Bedankt - ik kon de goede code niet plaatsen...

HTML posten kan Chrome XSS-bescherming triggeren