Я делаю страницу HTML5 с несколькими формами. Каждое поле ввода имеет свою собственную кнопку отправки, чтобы преобразовать блок температуры в другой (от Цельсия до Кельвина и т. Д.). Какие теги или атрибуты мне нужны, чтобы сделать кнопку отправки фокуса, когда поле ввода сфокусировано или введено пользователем? В этом файле используется Javascript (сделанный из coffeescript). Нет CSS.HTML5: сменить фокус кнопки при использовании другого поля ввода
ответ
Вы можете использовать javascript для этого write 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>
нет функции css в javascript, это функция jQuery. В чистом javascript вы используете атрибут style, который является объектом. – jcubic
О, извините, я не проверил код перед добавлением здесь. Спасибо за исправление .. –
Вы пытались с помощью события ONBLUR в поле ввода, чтобы установить фокус на соответствующий представить?
У вас есть только один элемент, сфокусированный за один раз. Что вы имеете в виду, чтобы кнопка была сфокусирована, когда ее вклад был сфокусирован? –
Если вы хотите разрешить для ввода ввода для отправки формы, вы можете добавить событие клавиатуры в поле ввода. – jcubic
Нажатие ввода на сфокусированном входе вызовет событие отправки в форме. Вам не нужны никакие дополнительные атрибуты. – claustrofob