• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Formular wird auf iPhone leer abgeschickt

syber

Neues Mitglied
Hallo alle zusammen,

ich habe für eine Website ein Kontaktformular erstellt. In der mobilen Version (genauer auf dem iPhone) ist es möglich, trotz required Attribut, dass Formular ohne Inhalt abzuschicken.

Woran könnte das liegen und hat evtl. jemand eine Lösung dafür?

HTML:
<form method="post" action="senden_kontakt.php">
                    <fieldset>
                        <legend>Name</legend>
                        <p><label>Anrede*</label>
                        <select required name="anrede">
                            <option></option>
                            <option required value="Frau">Frau</option>
                            <option required value="Herr">Herr</option>
                        </select></p>
                       
                        <p><label for="vorname">Vorname*</label>
                        <input required type="text" name="vorname" id="vorname"></p>
                       
                        <p><label for="name">Name*</label>
                        <input required type="text" name="name" id="name"></p>
                    </fieldset>
                   
                    <fieldset>
                        <legend>Adresse</legend>
                        <p><label for="strasse">Straße</label>
                        <input type="text" name="strasse" id="strasse"></p>
                       
                        <p><label for="hausnr">Hausnummer</label>
                        <input type="text" name="hausnr" id="hausnr"></p>
                       
                        <p><label for="plz">Postleitzahl</label>
                        <input type="text" name="plz" id="plz"></p>
                       
                        <p><label for="ort">Ort</label>
                        <input type="text" name="ort" id="ort"></p>
                    </fieldset>
                   
                    <fieldset>
                        <legend>Sonstiges</legend>
                        <p><label for="tel">Telefonnummer*</label>
                        <input required type="text" name="tel" id="tel"></p>
                       
                        <p><label for="email">eMail*</label>
                        <input required type="email" name="email" id="email"></p>
                       
                        <p><label for="kommentar">Kommentar</label>
                        <textarea name="kommentar" id="kommentar" cols="30" rows="10" maxlength="5000" wrap="soft"></textarea></p>
                    </fieldset>
                        <input class="senden" type="submit" value="Senden">
                        <input type="reset" value="Eingaben löschen">
                </form>
 
Werbung:
Das required Attribute ist erst mit HTML5 zum Standard geworden und wird noch nicht von allen Browsern unterstützt. Man sollte sich daher bei der Validierung nie nur darauf verlassen.
 
Werbung:
Zurück
Oben