在Web开发中，表单是我们经常会用到的一种元素，而其中的文本输入框是最常见的一种表单元素。在一些情况下，我们希望用户必须填写某个输入框才能提交表单，这时就可以使用required属性来实现这一功能。
什么是 required 属性？
required属性是HTML5中新增的一种表单验证属性，当一个输入框设置了required属性时，用户在提交表单时如果没有填写该输入框，浏览器会自动提示用户必须填写该字段才能提交表单。
如何使用 required 属性？
要在输入框中使用required属性，只需要在<input>标签中添加required即可，示例如下：
<form> <label for="username">用户名：</label> <input type="text" id="username" name="username" required> <button type="submit">提交</button> </form>
在上面的示例中，我们为用户名输入框添加了required属性，这样用户在不填写用户名的情况下点击提交按钮时，浏览器会弹出提示要求用户填写用户名。
required 属性的兼容性
required属性是HTML5新增的属性，因此在一些较旧的浏览器中可能不支持。不过大多数现代浏览器都已经支持required属性，所以在实际开发中可以放心使用。
required 属性的样式定制
有时候默认的浏览器提示样式可能不符合我们的设计要求，这时可以通过CSS来自定义样式。示例如下：
input:required {
border-color: red;
}
input:required:invalid {
background-color: #ffcccc;
}在上面的示例中，我们通过CSS设置了必填输入框的边框颜色为红色，并且在输入无效时设置了背景色为粉红色。
总结
通过使用required属性，我们可以方便地实现对表单输入框的必填验证，提高用户填写表单的准确性和完整性。在实际开发中，合理使用required属性可以提升用户体验，减少错误提交的可能性。