javascript - 通过单击按钮写入表单

Question

我有一个按钮，单击它会显示一个表单。然后用户必须单击表单才能开始输入。

我想这样做，以便当用户单击“单击此处”按钮时，会出现表单并且文本输入已被激活，这样用户就可以在表单中键入内容而不必实际单击表单。

是否可以让按钮激活表单上的文本输入？

$("#button1").click(function(){
	$(".form").show();
});

.form {
display:none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<div class="form">
  <input id="form1" type="text" placeholder="type here"/>
</div>
<button id="button1">click here</button>

Answer 1

绝对有可能。您正在寻找文本框上的 .focus() 方法。我已将其包含在下面的答案中:

$("#button1").click(function(){
	$(".form").show();
        $("#form1").focus(); // IMPORTANT
});

.form {
display:none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<div class="form">
  <input id="form1" type="text" placeholder="type here"/>
</div>
<button id="button1">click here</button>