Используйте обычную ссылку для отправки формы

Я хочу отправить форму. Но я не буду основным способом использования кнопки ввода с представить тип , но есть на ссылку.

На изображении ниже показано, почему. Я использую ссылки на изображения для сохранения / отправки формы. Поскольку у меня есть стандартная разметка css для ссылок на изображения, я не хочу использовать кнопки отправки ввода.

Я попытался применить onClick = "document.formName.submit ()" к элементу a, но я бы предпочел метод html.

Любые идеи?

Два пути. Либо создайте кнопку и стилизуйте ее так, чтобы она выглядела как ссылка с CSS, либо создайте ссылку и используйте onclick="this.closest('form').submit();return false;".

Насколько мне известно, вы не сможете сделать это без какой-либо формы сценариев.

<form id="my_form">
<!-- Your Form -->    
<a href="javascript:{}" onclick="document.getElementById('my_form').submit(); return false;">submit</a>
</form>

Пример отсюда .

Просто стиль, input type="submit"подобный этому, сработал для меня:

.link-button { 
     background: none;
     border: none;
     color: #0066ff;
     text-decoration: underline;
     cursor: pointer; 
}

<input type="submit" class="link-button" />

Протестировано в Chrome, IE 7-9, Firefox

Вы используете изображения для отправки ... так что вы можете просто использовать type="image""кнопку" ввода:

<input type="image" src="yourimage.png" name="yourinputname" value="yourinputvalue" />

использовать:

<input type="image" src=".."/>

или:

<button type="send"><img src=".."/> + any html code</button>

плюс немного CSS

Определенно, на чистом HTML нет решения для отправки формы с aтегом link ( ). Стандартный HTML принимает только кнопки или изображения. Как говорили некоторые другие соавторы, можно смоделировать появление ссылки с помощью кнопки, но я думаю, что цель вопроса не в этом.

ИМХО, я считаю, что предложенное и принятое решение не работает.

Я протестировал его на форме, и браузер не нашел ссылку на форму.

Таким образом, можно решить эту проблему, используя одну строку JavaScript, используя thisобъект, который ссылается на элемент, на который щелкают, который является дочерним узлом формы, которую необходимо отправить. Как this.parentNodeи узел формы. После того, как он просто вызывает submit()метод в этой форме. Чтобы найти правильную форму, не нужно исследовать весь документ.

<form action="http://www.greatsolutions.com.br/indexint.htm"                   
   method="get">
    <h3> Enter your name</h3>
    First Name <input type="text"  name="fname"  size="30"><br>
    Last Name <input type="text" name="lname" size="30"><br>
    <a href="#" onclick="this.parentNode.submit();"> Submit here</a>
</form>

Предположим, я вхожу под своим именем:

Я использовал getатрибут метода формы, потому что можно увидеть правильные параметры в URL-адресе на загруженной странице после отправки.

http://www.greatsolutions.com.br/indexint.htm?fname=Paulo&lname=Buchsbaum

Это решение, очевидно, применимо к любому тегу, который принимает onclickсобытие или какое-либо подобное событие.

this- отличный выбор для восстановления контекста вместе с eventпеременной (доступной во всех основных браузерах и более поздних версиях IE9), которую можно использовать напрямую или передавать в качестве аргумента функции.

В этом случае замените строку с aтегом на строку ниже, используя свойство target, которое указывает элемент, который запустил событие.

<a href="#" onclick="event.target.parentNode.submit();"> Submit here</a>

вы можете использовать OnClick = "document.getElementById ('formID_NOT_NAME'). SUBMIT ()"