输入元素周围的随机红色边框

Question

是否有人知道有时会在网页上的input元素周围放置红色边框是什么？它是来自HTML5还是jQuery？当我使用required作为属性时，以及当我使用jQuery的change函数（以及on("change")时），我已经看到了它。起初我认为当你在表单提交的pattern字段中没有正确的input时，但最近我发现这个代码正在发生：

<form id="assessform" action="assessment.php" method="post" enctype="application/x-www-form-urlencoded" name="assessform">

    <div data-test-ques="met_with">

        <label data-test-num="met_with" for="met_with">Met With </label>

        <input type="text" name="met_with" id="met_with" value="" required="required" autofocus="autofocus" />

    </div><br /><br />

    <div data-test-ques="taken_by">

        <label data-test-num="taken_by" for="taken_by">Assessment Taken By </label>

        <input type="text" name="taken_by" id="taken_by" value="" required="required" />

    </div>
</form>

jQuery代码：

$("#met_with, #taken_by").change(function() {
    if($("#met_with").val() == met_with || $("#taken_by").val() == taken_by) {
        met_taken_change = 0;
    }
    else {
        met_taken_change = 1;
    }
});

我得到了required的东西，但为什么在这里呢？

附加截图。

Answer 1

这不是一个随机行为，它只是FF中html5规范对'required'输入attr的不同实现。

FF添加红色边框以帮助我们专注于问题，您可以看到它here。