Gunakan tautan normal untuk mengirimkan formulir

Saya ingin mengirimkan formulir. Tetapi saya tidak akan menggunakan cara dasar menggunakan tombol input dengan tipe kirim tetapi sebuah tautan.

Gambar di bawah ini menunjukkan alasannya. Saya menggunakan tautan gambar untuk menyimpan / mengirim formulir. Karena saya memiliki standar css markup untuk tautan gambar, saya tidak ingin menggunakan tombol masukan kirim.

Saya mencoba menerapkan onClick = "document.formName.submit ()" ke elemen tetapi saya lebih suka metode html.

Ada ide?

Dua arah. Entah buat tombol dan gaya itu sehingga terlihat seperti tautan dengan css, atau buat tautan dan gunakan onclick="this.closest('form').submit();return false;".

Anda tidak dapat benar-benar melakukan ini tanpa beberapa bentuk skrip sepengetahuan saya.

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

Contoh dari Sini .

Mendesain yang input type="submit"seperti ini cocok untuk saya:

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

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

Diuji di Chrome, IE 7-9, Firefox

Anda menggunakan gambar untuk mengirim .. sehingga Anda cukup menggunakan type="image"input "tombol":

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

menggunakan:

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

atau:

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

ditambah beberapa CSS

Jelas, tidak ada solusi dengan HTML murni untuk mengirimkan formulir dengan atag tautan ( ). HTML standar hanya menerima tombol atau gambar. Seperti yang dikatakan beberapa kolaborator lain, orang dapat mensimulasikan tampilan tautan menggunakan tombol, tapi saya kira itu bukan tujuan dari pertanyaan.

IMHO, saya percaya bahwa solusi yang diajukan dan diterima tidak bekerja.

Saya telah mengujinya di formulir dan browser tidak menemukan referensi ke formulir.

Jadi adalah mungkin untuk menyelesaikannya menggunakan satu baris JavaScript, menggunakan thisobjek, yang mereferensikan elemen yang diklik, yang merupakan simpul anak dari formulir, yang perlu diserahkan. Begitu this.parentNodejuga dengan bentuk simpul. Setelah itu baru memanggil submit()metode dalam bentuk itu. Tidak perlu penelitian dari seluruh dokumen untuk menemukan formulir yang tepat.

<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>

Misalkan saya masuk dengan nama saya sendiri:

Saya telah menggunakan getatribut metode formulir karena dimungkinkan untuk melihat parameter yang tepat di URL di laman yang dimuat setelah mengirim.

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

Solusi ini jelas berlaku untuk semua tag yang menerima onclickacara atau kejadian serupa.

thisadalah pilihan yang sangat baik untuk memulihkan konteks bersama dengan eventvariabel (tersedia di semua browser utama dan IE9 dan seterusnya) yang dapat digunakan secara langsung atau diteruskan sebagai argumen ke suatu fungsi.

Dalam hal ini, ganti baris dengan atag dengan garis di bawah ini, menggunakan properti target, yang menunjukkan elemen yang telah memulai acara.

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

Anda dapat menggunakan OnClick = "document.getElementById ('formID_NOT_NAME'). SUBMIT ()"