Я пробовал много разных методов, чтобы сделать это, однако ни один из них не работал никаких предложений? БлагодаряDiv не отправляет форму
<div name="login" class="blue_button" onclick="
document.getElementById("form").submit();"><div class="blue_button_text noselect">Login</div></div>
Вы уверены, что вы объявили форму с <form> тег? Также попробуйте изменить тег кнопки отправки от <div> до <button> или <input>. Получает больше смысла семантически.
Проблема заключается в том, что вы пытались использовать двойные кавычки для ваших атрибутов элемента и для строкового литерала в ваших JS. Таким образом, ваш атрибут onclick читается как onclick="document.getElementById(" с оставшейся частью form").submit();".
Измените внутренние символы двойных кавычек в одной кавычки, и он будет работать (если у вас есть форма с id="form"):
onclick="document.getElementById('form').submit();"
просто попробовал, не работает – sum1hor
Тогда должна быть какая-то другая проблема с кодом, который не показан. У вашей формы * есть * есть 'id = 'form", да ?. Код, который вы показали, будет работать, если вы исправите кавычки, как вы можете видеть здесь: https://jsfiddle.net/ju8r6ptj/ – nnnnnn
У меня получилось, что странно, что я могу сделать это с помощью CSS? – sum1hor
Почему вы используете div как кнопку? Это ошибка доступности, поскольку пользователи, не использующие клавиатуру, не могут использовать вашу страницу. В любом случае, можете ли вы показать html для своей формы? – nnnnnn
@nnnnnn, потому что в противном случае моя кнопка не будет выглядеть хорошо, текст изменит местоположение на кнопке, и это раздражает. почему вы хотите увидеть мою форму? – sum1hor
Мне хотелось увидеть вашу форму, потому что я подумал, есть ли проблемы с ней. С тех пор я понял, что это не проблема, и отправил ответ. Что касается кнопки, которая не выглядит хорошо и «раздражает», это будет еще более раздражать людей, которые физически не могут использовать мышь или другое указывающее устройство. Если вы чувствуете, что вы должны сделать это, добавьте атрибут 'tabindex' в div и обработчик ключевых событий, чтобы заставить его вести себя как настоящая кнопка. – nnnnnn