Use HTML5 to Require a Field


当你设计表单时,你可以指定某些选项为必填项(required),只有当用户填写了该选项后,用户才能够提交表单。

例如,如果你想把一个文本输入字段设置为必填项,在你的input元素中加上required属性就可以了,你可以使用:
<input type="text" required>

任务:给你的输入框添加required属性,这样用户不填写输入框就无法提交表单。

试试输入框不填写任何文本,然后点击Submit提交表单,看看浏览器如何提示你该字段为必填项。

注意:required属性在Safari浏览器中不起作用,请用其他浏览器来学习,推荐使用Chrome。

Run tests (ctrl + enter)