Verwenden Sie einen normalen Link, um ein Formular zu senden

Möchte ich ein Formular Absenden. Aber ich werde nicht die grundlegende Art und Weise der Verwendung eines input-button mit submit-Typ, aber ein eine link.

Das Bild unten zeigt, warum. Ich bin mit Bild-links zu speichern und das Formular abschicken. Weil ich die standart css-markup für Bild-links möchte ich nicht verwenden, input submit-buttons.

Habe ich versucht zu übernehmen onClick="document.formName.submit()" auf das element a, aber ich würde es vorziehen, eine html-Methode.

Irgendwelche Ideen?

InformationsquelleAutor der Frage Lost in OWL | 2010-11-26

144

Zwei Möglichkeiten. Entweder erstellen Sie eine Schaltfläche und Stil es so wie es aussieht, einen link mit css, oder einen link erstellen und verwenden onclick="form.submit();".

InformationsquelleAutor der Antwort Jan Sverre

Kann man nicht wirklich, dies zu tun, ohne irgendeine form von scripting, um die nach meinem besten wissen.

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

Beispiel aus Hier.

InformationsquelleAutor der Antwort JonVD

9

Sind Sie mit Bildern zu senden.. so kann man auch einfach ein type="image" input "- Taste":
```
<input type="image" src="yourimage.png" name="yourinputname" value="yourinputvalue" />
```
InformationsquelleAutor der Antwort ThiefMaster

verwenden:

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

oder:

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

sowie einige CSS -

InformationsquelleAutor der Antwort atlavis

0

können Sie verwenden
OnClick="document.getElementById('formID_NOT_NAME').SUBMIT()"

InformationsquelleAutor der Antwort Sameh Helaly
-1

Definitiv, es gibt keine Lösung, die mit reinem HTML Formular senden mit einem link (a) tag. Die standard-HTML akzeptiert nur die buttons oder Bilder. Wie einige andere Mitarbeiter gesagt haben, kann man simulieren das Aussehen von einem link über einen button, aber ich denke, das ist nicht Sinn und Zweck der Frage.

IMHO, ich glaube, dass der vorgeschlagene und akzeptierte Lösung funktioniert nicht.

Habe ich es getestet, auf einem Formular und der browser nicht finden die Referenz auf das Formular.

So ist es möglich, um es zu lösen mit einer einzigen Zeile JavaScript, mit this Objekt, der auf das element geklickt haben, wird ein Kind-Knoten der form, dass muss eingereicht werden. So this.parentNode ist die form, die Knoten. Nachdem es nur zum telefonieren submit() Methode in dieser form. Es ist nicht notwendig, die Forschung aus dem gesamten Dokument zu finden, das richtige Formular.
```
<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>
```
Vermute, dass ich Sie mit meinen eigenen Namen:

Ich habe get in form, Methode, Attribut, da es möglich ist zu sehen, die richtigen Parameter in der URL der geladenen Seite nach dem submit.
```
http://www.greatsolutions.com.br/indexint.htm?fname=Paulo&lname=Buchsbaum
```
Diese Lösung gilt natürlich für jeden tag, an dem der onclick Ereignis oder eine ähnliche Veranstaltung.

this ist eine hervorragende Wahl zur Wiederherstellung der Kontext zusammen mit event - Variablen (verfügbar in allen gängigen Browsern und ab IE9) kann direkt verwendet werden oder als argument übergeben an eine Funktion.

In diesem Fall, ersetzen Sie die Zeile mit a tag, indem Sie die Zeile unten mit der Eigenschaft targetdas anzeigt, dass das element aus, begonnen, die Veranstaltung.
```
<a href="#" onclick="event.target.parentNode.submit();"> Submit here</a>
```
InformationsquelleAutor der Antwort Paulo Buchsbaum

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.