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

有谁知道有时会在网页上的input元素上放置什么红色边框？它来自HTML5还是jQuery？当我使用required作为属性时，以及当我使用jQuery的change函数（以及on("change")，显然）时，我已经看到它。起初我还以为是当你没有对形式的input场右侧pattern提交，但最近我发现它与此代码发生的事情：围绕输入元素的随机红色边框

<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的事情，但为什么在这里？

附上截图。 enter image description here

来源

2013-11-26 trysis

你可以创建一个jsFiddle请 –

我可以 - > [** FIDDLE **]（http://jsfiddle.net/a6aAK/）........和什么红色边框，我不认为我曾经在Chrome中看过类似的东西，那么您使用的浏览器是什么，它看起来像什么？这是一张照片很棒的时代之一！ – adeneo

Firefox。将添加一个截图到我的文章。 – trysis

这不是一个随机行为，它只是'必需'输入属性的FF中的html5规范的不同实现。

FF增加了一个红色的边框来帮助我们专注于这个问题，你可以看到它here。

来源

2013-11-27 01:04:31

是的，我认为这是来自'onchange'，因为我的网站是这样做的。但令人困惑的是，他们本可以做得更好。当然，因为我自己做得不好，所以我不应该说话。 – trysis

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

回答

相关问题