تگ i چطور میتونه عملکرد input رو داشته باشه؟

یک تگ دارم تو form :

کد HTML:

---

<i class="icon"></i>

---

حالا میخوام این تگ عملکرد دکمه submit رو داشته باشه .
از این روش استفاده کردم جواب نداد :

کد HTML:

---

<i class="icon" type="submit"></i>

---

ممنون دوستان

سلام، شما به تگ i نمیتونید اتریبیوت type بدید، فقط اتریبیوت های گلوبال میتونید بدید به این تگ، حالا اگر فرمی بخوای ارسال کنید به طریق بالا باید از جاوا اسکریپت کمک بگیرید.

از font awesome میخواید استفاده کنید؟؟

نقل قول:

---

نوشته اصلی توسط T.Toosi

سلام، شما به تگ i نمیتونید اتریبیوت type بدید، فقط اتریبیوت های گلوبال میتونید بدید به این تگ، حالا اگر فرمی بخوای ارسال کنید به طریق بالا باید از جاوا اسکریپت کمک بگیرید.

---

دستورات js رو دارید ؟ اگر کد jquery باشه عالی میشه .

- - - Updated - - -

نقل قول:

---

نوشته اصلی توسط taksis

از font awesome میخواید استفاده کنید؟؟

---

نه . واقعیتش به تگ i , ایکون delete دادم . میخوام وقتی روش کلیک کرد رکورد ها حذف بشن .

یه صورت زیر عمل کنید:

تگ i رو داخل تگ a تعریف کنید تا لینک ایجاد کنید:

نقل قول:

---

<a href="javascript:Go('form-id')"><i class="icon"></i></a>

---

به جای form-id آیدی فرم مورد نظرتون رو بنویسید.

کد جاوا اسکریپت زیر رو به قالبتون اضافه کنید:

نقل قول:

---

<script type="text/javascript"> function Go(link)
{
document.forms[link].submit();
}
</script>

---

کد:

---

$('#icondelete').click( function() {
    $.post( "test.php", { action: "delete", time: "2pm" })
      .done(function( data ) {
        location.reload();
      });
    });

---

به تگ یک id بدید با مقدار icondelete ، سپس اگر کلیک کند یک پست ارسال میشود با 2 مقدار action،time به test.php سپس در صورت موفقیت بودن صفحه refresh میشود.

دوستان دمنتون گرم - مشکلم حل شد .