无法使用占位符和ng-model键入文本字段(仅限于safari)

时间:2016-06-29 12:21:55

标签: javascript html angularjs safari

当我在第一个字段中输入文本时,文本显示出来。使用制表符或鼠标转到下一个字段后,该字段保持空白。这适用于除第一个之外的所有领域。

我有以下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-model时同样适用。

但这只发生在safari(桌面/ IOS)中。

我还测试了Firefox,IE8,IE9,IE10,Chrome和Safari技术预览,但这里一切正常。

In the image I am typing in all fields. Only in the first res

在我在所有字段中输入的图像中。仅在文本的第一个结果中

1 个答案:

答案 0 :(得分:0)

根据http://www.w3schools.com/tags/att_input_placeholder.asp,不支持最新版本的safari。