Javascript 当用户单击时更改输入的背景色

Javascript 当用户单击时更改输入的背景色,javascript,function,onclick,addeventlistener,Javascript,Function,Onclick,Addeventlistener,首先,我想这个问题可能在网站的某个地方有答案,很抱歉重复了,但我找不到我想要的 所以。。。我有一个有4个输入的表单,我想当有人点击输入时键入要更改的值背景色,当用户点击其他地方将其更改回正常状态时。 如果有人有多个例子,请写下来,我想知道更多关于javascript的工作原理 <form> <div> <label for="name">NAME</label>

首先,我想这个问题可能在网站的某个地方有答案,很抱歉重复了,但我找不到我想要的

所以。。。我有一个有4个输入的表单,我想当有人点击输入时键入要更改的值背景色,当用户点击其他地方将其更改回正常状态时。 如果有人有多个例子,请写下来,我想知道更多关于javascript的工作原理

 <form>
                <div>
                    <label for="name">NAME</label>
                    <input class="input" type="text" name="name" id="name" placeholder="Please enter your name">
                </div>
                <div>
                    <label for="company">COMPANY</label>
                    <input class="input" type="text" name="company" id="company"
                        placeholder="Leave it empty if you don`t have a name">
                </div>
                <div>
                    <label for="phone">PHONE</label>
                    <input class="input"  type="text" name="phone" id="phone"
                        placeholder="Please,enter your mobile phone">
                </div>
                <div>
                    <label for="email">EMAIL</label>
                    <input class="input" type="email" name="email" id="email" placeholder="Your email address">
                </div>
                <div class="message">
                    <label for="message">MESSAGE</label>
                    <textarea class="input" name="message" id="message" cols="54" rows="15"></textarea>
                </div>
                <a href="#" class="btn btn-large">Send</a>
            </form>

名称
公司
电话
电子邮件
消息
用于在元素聚焦时应用CSS

输入:焦点{
背景色:#ddd;
}

名称
公司
电话
电子邮件
消息

这绝对是最好的方法。不需要重新发明轮子。它可以工作,但在我点击后就不会回到原来的样子了color@ConstantinCT:确定,然后需要使用“单击事件侦听器…”。。。。。好的,当你专注于另一个输入时,你想保持现有状态还是想更改?Guyss..很抱歉,我的代码中有一些不好的东西,这就是颜色没有恢复的原因。谢谢大家!!!!!!!