@@Jnnbo > hat von euch jemand zufällig ein MAC mit einem aktuellen Safari? Wenn ja könntet ihr bitte kurz prüfen ob dieses CSS auch beim Safari greift? > > [http://jsfiddle.net/4o6b40ka/](http://jsfiddle.net/4o6b40ka/) Das schon aber: Du missbrauchst Placeholder. Placeholder sind **nicht** dafür gedacht, die Beschriftung eines Eingabefelds zu ersetzen. [[HTML5](http://www.w3.org/TR/html5/forms.html#the-placeholder-attribute)] Dein Eingabefeld hat keinerlei Beschriftung, ist dadurch nicht barrierefrei bedienbar, kurz: es ist nicht bedienbar. Alle Eingabefelder sollten zugehörige `label`-Elemente haben. (Zumal der Placeholder wegen der Farbangabe in Firefox und IE gar nicht sichtbar ist.) ~~~html <form name="telpruefen" method="post" action=""> <label for="telpruefen">Telefonnummer</label> <input type="tel" name="telpruefen" id="telpruefen"> <button type="submit" id="abschicken_telpruefen">Telefonnummer prüfen</button> </form> ~~~ LLAP 🖖 -- „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)

@@Jnnbo > hat von euch jemand zufällig ein MAC mit einem aktuellen Safari? Wenn ja könntet ihr bitte kurz prüfen ob dieses CSS auch beim Safari greift? > > [http://jsfiddle.net/4o6b40ka/](http://jsfiddle.net/4o6b40ka/) Das schon aber: Du missbrauchst Placeholder. Placeholder sind **nicht** dafür gedacht, die Beschriftung eines Eingabefelds zu ersetzen. [[HTML5](http://www.w3.org/TR/html5/forms.html#the-placeholder-attribute)] Dein Eingabefeld hat keinerlei Beschriftung, ist dadurch nicht barrierefrei bedienbar, kurz: es ist nicht bedienbar. Alle Eingabefelder sollten zugehörige `label`-Elemente haben. (Zumal der Placeholder ein einigen Browsern wegen der Farbangabe in Firefox und IE gar nicht sichtbar ist.) ~~~html <form name="telpruefen" method="post" action=""> <label for="telpruefen">Telefonnummer</label> <input type="tel" name="telpruefen" id="telpruefen"> <button type="submit" id="abschicken_telpruefen">Telefonnummer prüfen</button> </form> ~~~ LLAP 🖖 -- „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)

@@Jnnbo > hat von euch jemand zufällig ein MAC mit einem aktuellen Safari? Wenn ja könntet ihr bitte kurz prüfen ob dieses CSS auch beim Safari greift? > > [http://jsfiddle.net/4o6b40ka/](http://jsfiddle.net/4o6b40ka/) Das schon aber: Du missbrauchst Placeholder. Placeholder sind **nicht** dafür gedacht, die Beschriftung eines Eingabefelds zu ersetzen. [[HTML5](http://www.w3.org/TR/html5/forms.html#the-placeholder-attribute)] Dein Eingabefeld hat keinerlei Beschriftung, ist dadurch nicht barrierefrei bedienbar, kurz: es ist nicht bedienbar. Alle Eingabefelder sollten zugehörige `label`-Elemente haben. (Zumal der Placeholder ein einigen Browsern wegen der Farbangabe in FIrefox und IE gar nicht sichtbar ist.) ~~~html <form name="telpruefen" method="post" action=""> <label for="telpruefen">Telefonnummer</label> <input type="tel" name="telpruefen" id="telpruefen"> <button type="submit" id="abschicken_telpruefen">Telefonnummer prüfen</button> </form> ~~~ LLAP 🖖 -- „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)