设置必选项
Use HTML5 to Require a Field
当你设计表单时,你可以指定某些选项为必填项(required),只有当用户填写了该选项后,用户才能够提交表单。
例如,如果你想把一个文本输入字段设置为必填项,在你的input
元素中加上required
属性就可以了,你可以使用:<input type="text" required>
任务:给你的输入框添加required
属性,这样用户不填写输入框就无法提交表单。
试试输入框不填写任何文本,然后点击Submit提交表单,看看浏览器如何提示你该字段为必填项。
注意:required
属性在Safari浏览器中不起作用,请用其他浏览器来学习,推荐使用Chrome。