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