Html 单击表单的锚定时，表单是否处于活动状态？然后我可以在css中使用：active来更改表单中的字段吗

单击表单的锚定时，表单是否处于活动状态？然后我可以在css中使用：active来更改表单中的字段吗？下面是我的表单和css。我希望这是可以做到的，我只是引用了错误的。我想要这样做的原因是，在我的真实页面上，链接沿着页面向下延伸了很长一段路，但没有任何东西显示它处于活动状态。理想情况下，我想要一个光标或其他东西进入第一个输入，但我会满足于将输入的颜色更改为黄色或其他东西。我只是觉得只需修改一下文本就能更容易地解决这个问题。希望这是有意义的

<a href="#form2">Go to Section 2</a>

  <form id="form2" action="/action_page.php">
  <label for="fname">First name:</label><br>
  <input type="text" id="fname" name="fname" value="John"><br>
  <label for="lname">Last name:</label><br>
  <input type="text" id="lname" name="lname" value="Doe"><br><br>
  <input type="submit" value="Submit">
 </form>
<p>If you click the "Submit" button, the form-data will be sent to a page called "/action_page.php".</p>  

 css
 form2:active > input > {    value: "George";}

---

如果您想在有人单击输入字段时修改其CSS，可以使用：焦点选择器

更新

如果要在某个字段上触发焦点，可以使用以下示例：

您还可以使用更改窗体的背景

，如本例所示：

var link2=document.getElementsByTagNamea[1]； link2.onclick=functionevent{ 违约事件； document.forms[0].style.backgroundColor='c8f7c5'； document.forms[0].fname.focus； } a{ 显示：块； 填充：4px； } 形式{ 填充：12px； 过渡：背景500ms缓进； } 输入：焦点{ 背景色：fff68f； } .内容{ 高度：200vh } 名字： 姓氏：

---

谢谢@th31。问题是，我希望在用户键入字段之前，该字段变为黄色。所以它还没有焦点。我认为在点击链接后整个表单都会激活，我可以引用表单中发生的事情，即将字段更改为黄色。让用户知道下一步需要表单。您好，我刚刚更新了这个答案，我希望这就是您要找的谢谢。它看起来和我刚开始的有很大的不同。我会尝试一下，这样我才能理解。我确实有一个问题。在第一个锚点href=f。。。。它到底链接到哪里或去哪里？我没有名为f的表单id。如果我把它改成表格2。form2字段fname不改变颜色。我不确定我的想法是否正确，但它看起来似乎没有任何联系。只是改变一下颜色。我是对的还是错的？谢谢你的帮助。希望这是有意义的。我无法在我的真实页面中测试它，因此我使用komodo进行测试，代码太少，以至于我无法判断表单是否获得焦点。我没有使用href=form2来阻止链接执行默认操作，从而导致在第一次输入时取消焦点。将焦点应用于第一个输入将完成单击书签链接的工作，并将跳转到网站的正确部分。但是，您仍然可以使用正确的href href=form2并禁用的默认行为，我将更新代码以生成两个版本。