纯HTML表单字段为空提示

制作表单或者点击搜索时，系统默认是跳转的方式来提示字段不能为空。这里分享一个纯HTML实现的表单验证提示非常好用：

下面给个例子：

<input type="text" placeholder="请输入关键词..." name="keyword" class="fc-search-keyword form-control" required oninvalid="setCustomValidity('请输入关键词！');" oninput="setCustomValidity('');" required/>