1
最初のフィールドにテキストを入力すると、テキストが表示されます。タブまたはマウスで次のフィールドに移動した後、フィールドは空白のままです。これは、最初のフィールド以外のすべてのフィールドに適用されます。テキストフィールドにプレースホルダとng-modelを入力できません(サファリのみ)
私は、次のようなHTMLがあります。
<form name="HomeAccountForm" ng-submit="HomeAccountForm.$valid && fModel.accept && submit()" novalidate>
<input name="firstname" type="text" placeholder="Voornaam*" ng-model="fModel.firstname" required>
<input name="lastname" type="text" placeholder="Achternaam*" ng-model="fModel.lastname" required>
<input name="profilename" type="text" placeholder="Profielnaam*" ng-model="fModel.profilename" required>
<input name="email" type="email" placeholder="Email*" ng-model="fModel.email" required>
<input name="password" type="password" placeholder="Wachtwoord*" ng-model="fModel.password" required>
<input name="passwordCheck" type="password" compare-to="fModel.password" placeholder="Wachtwoord herhaling*" ng-model="fModel.passwordCheck" required>
<input type="checkbox" id="accept" name="accept" ng-model="fModel.accept" />
<label for="accept">Ik ben 18 jaar of ouder en ga akkoord met de <a href="/#/">Algemene Voorwaarden.</a>*</label>
<input type="submit" class="button" ng-disabled="!HomeAccountForm.$valid || !fModel.accept" value="Bevestigen">
</form>
私はプレースホルダを削除すると、すべてが正常に動作します。すべてのngモデルを削除しても同じことが適用されます。
しかし、これはサファリ(デスクトップ/ IOS)でのみ発生します。
Firefox、IE8、IE9、IE10、Chrome、Safariの技術プレビューもテストしましたが、ここではすべて正常に動作します。私はすべてのフィールドに入力していた画像で
。テキストの最初の結果でのみ
サファリとプレースホルダに問題はありませんでした。私はその組み合わせを推測する。 – KBeckers