Використовуйте звичайне посилання, щоб подати форму

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

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

Я спробував застосувати onClick = "document.formName.submit ()" до елемента, але я вважаю за краще метод 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 тегом ). Стандартний 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 ()"