javascript - HTML5：使用另一个输入框时更改按钮焦点

Question

我正在制作具有多种形式的 HTML5 页面。每个输入框都有自己的提交按钮，用于将温度单位转换为另一个单位（摄氏度到开尔文等）。当提交按钮的输入框被用户聚焦或输入时，我需要哪些标签或属性来使提交按钮成为焦点？此文件中使用了 Javascript（由咖啡脚本制成）。没有CSS。

Answer 1

您可以使用 javascript 编写 onfocus="hilight(form_number);" 在每个输入框上。在您的功能中，您可以突出显示按钮

<form name="form1">
<input type="text" onfocus="hilight(1)" />
<input type="submit" id="btn_1" class="button" />
</form>
<form name="form2">
<input type="text" onfocus="hilight(2)" />
<input type="submit" id="btn_2" class="button" />
</form>
<form name="form1">
<input type="text" onfocus="hilight(3)" />
<input type="submit" id="btn_3" class="button" />
</form>
<script>
function hilight(opt)
{
document.getElementById('btn_'+opt).style('','');//you can add any styles to button here
}
</script>

Answer 2

您是否尝试过使用输入框的 onblur 事件将焦点设置为相应的提交？