javascript - 单击按钮时突出显示输入字段

Question

我在页面中有一个登录按钮。单击此按钮登录模式将打开。它有两个字段 Email 和 Password。

<a href="#signin" class="btn">Sign In</a>

我想在单击登录按钮时突出显示电子邮件字段

      <form role="form">
                            <div class="form-group">
                                <label for="InputUserName">Email <sup> *</sup></label>
                                <input type="text" class="form-control" id="InputUserName" placeholder="Enter Email">
                            </div>  
                             <div class="row">
                                <div class="col-md-8" style="padding-top:8px">
                                <a href="" class="signup">Sign in</a>
                                </div>
                                <div class="col-md-4">
                                    <button type="submit" class="btn btn-ruby-red pull-right">Submit</button>
                                </div>
                            </div>
                            </form>

Answer 1

您可以在输入上使用 focus() 方法自动将光标放在其中:

$('#signin').click(function() {
    // open modal...
    $('#InputUserName').focus();
});