Question

我正在制作一个包含多种表单的HTML5页面。每个输入框都有自己的提交按钮，将温度单位转换为另一个（摄氏温度到开尔文温度等）。当输入框被用户聚焦或输入时，我需要使用哪些标签或属性来使提交按钮聚焦？此文件中使用了Javascript（由coffeescript制作）。没有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事件将焦点设置为相应的提交？

HTML5：使用其他输入框时更改按钮焦点

2 个答案: