@@Robert R.:

nuqneH

Was mache ich falsch?

Zunächst einmal: Deine Eingabefelder haben keine Beschriftung:

<div class="gbname">Name: <input type="text" name="data[name]" value="<!--NAME-->"></div>

So haben sie eine:

    <div class="gbname"><label>Name: <input type="text" name="data[name]" value="<!--NAME-->"></label></div>  

So auch, wobei ich diese Variante sinnvoller finde:

    <div class="gbname"><label for="input-name">Name:</label> <input id="input-name" type="text" name="data[name]" value="<!--NAME-->"></div>  

Außerdem setzt du nicht die richtigen Typen für die Eingabefelder:

<div class="gbemail">eMail: <input type="text" name="data[email]" value="<!--EMAIL-->"></div>

type="email" (label  bitte selbst ergänzen, s.o.):

    <div class="gbemail">eMail: <input type="email" name="data[email]" value="<!--EMAIL-->"></div>  

<div class="gbhome">Webseite: <input type="text" name="data[http]" value="<!--HOME-->"></div>

type="url" (label  bitte selbst ergänzen, s.o.):

    <div class="gbhome">Webseite: <input type="url" name="data[http]" value="<!--HOME-->"></div>  

Neben clientseitiger Validierung erfolgt bei Mobilgeräten auch eine Umschaltung der virtuellen Tastatur auf die jeweils zum Eingabefeld passende.

Qapla'