تگ <button>
برای ساخت یک دکمه جهت ارسال فرم علاوه بر تگ input از نوع submit، می توان از تگ <button> نیز استفاده نمود. توجه داشته باشید که این تگ می تواند بسیاری از اتریبیوت های تگ input را داشته باشد، که در این میان اتریبیوت های name و type از اهمیت بالایی برخوردارند. برای اتریبیوت type چهار مقدار اصلی submit (با رفتار ارسال به صورت پیش فرض)، button (یک دکمه بدون هیچ گونه رفتار پیش فرض)، menu و reset (برای پاک کردن تمامی فیلدهای فرم) در نظر گرفته شده است. معمولا از نوع button زمانی استفاده می شود که بخواهیم با استفاده از آن دکمه، عملیاتی در سمت کاربر صورت گیرد (بدون بارگذاری مجدد مرورگر).
در کد زیر می توانید نحوه استفاده از سه نوع دکمه را مشاهده نمایید.
با اجرای کد فوق، سه دکمه به صورت زیر برای عملیات های مختلف مشاهده خواهید نمود.
در کد زیر می توانید نحوه استفاده از سه نوع دکمه را مشاهده نمایید.
<body>
<button name="1" type="submit">ارسال</button>
<button name="2" type="button">عملیات دلخواه</button>
<button name="3" type="reset">پاک کردن فرم</button>
</body>
<button name="1" type="submit">ارسال</button>
<button name="2" type="button">عملیات دلخواه</button>
<button name="3" type="reset">پاک کردن فرم</button>
</body>
با اجرای کد فوق، سه دکمه به صورت زیر برای عملیات های مختلف مشاهده خواهید نمود.