Html'required'属性仅适用于预览浏览器

Question

我有一个包含以下用户输入的html页面

...
  <form action="website.php" id="mainform" method="POST">
...

<strong>Departure date</strong><span>*</span>:
<input type="text" id="datepicker" name="departuredate" required/>

 <strong>Return date</strong><span>*</span>: 
 <input type="text" id="datepicker2" name="returndate" required/>

...

 <input type="email"  name="email" required/>
 <input type="submit" value="Submit"/>
 </div>


 </form>

...

如果该字段留空，则所需功能会提示用户填写该字段。但是，它似乎只在Dreamweaver的预览浏览器中工作。上传到我的网站时，它根本没有任何效果。

非常感谢任何帮助。

安德鲁

Answer 1

根据Dive Into HTML5，（今天，2013年9月27日），

支持所需的属性

• IE 10+
• FF 4+
• Chrome 10+
• Opera 9 +

（不在Safari中，不在Android中）

也许你应该在Javascript中实现一个回退功能，无论如何，直到这得到更好的跨浏览器支持。

编辑（反映Alien先生的评论）：您还应始终拥有服务器端验证功能，因为可以非常轻松地禁用或编辑Javascript。