Случайная красная рамка вокруг входных элементов

Кто-нибудь знает, что красная граница, которая иногда попадает на элементы input на веб-страницах, есть? Это из HTML5 или jQuery? Я видел это, когда я использую required атрибут, а также когда я использую функцию change jQuery (а также on("change"), очевидно). Сначала я подумал, что когда у вас нет правильного pattern в поле input в форме submit, но недавно я обнаружил, что это происходит с этим кодом:

<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 вещь, но почему здесь?

Скриншот прилагается.