ساختن دکمه ها با استفاده از تگ input در html

دکمه ارسال فرم (Submit)

برای ساختن دکمه ارسال فرم باید از تگ <input> استفاده کنیم. برای این کار باید از submit به عنوان مقدار شناسه type استفاده کنیم. در اینجا یک نمونه از کدی که برای ساختن دکمه ارسال فرم آورده شده است:

<input name="buttonName" type="submit">

در اینجا می توانید دکمه ارسال فرم ایجاد شده را مشاهده کنید البته چون این دکمه در تگ <form> قرار ندارد با کلیک کردن بر روی آن اتفاقی رخ نمی دهد اما اگر این دکمه در تگ فرم قرار داشته باشد با کلیک کردن بر روی آن اطلاعات وارد شده در فرم به صفحه action ارسال می شوند.


دکمه پاک کردن فرم (Reset)

برای ساختن این دکمه هم از تگ <input> استفاده می شود به این صورت که برای شناسه type از مقدار reset استفاده می کنیم. در اینجا می توانید یک نمونه از کدی را که برای ساختن این دکمه استفاده می شود ملاحظه کنید:

<input name="buttonName" type="reset">

در اینجا می توانید دکمه ای را که با استفاده از تگ بالا ساخته شده است ملاحظه کنید. این دکمه هم مثل دکمه ارسال فرم باید در تگ فرم قرار داشته باشد تا با کلیک بر روی آن اطلاعاتی که کاربر وارد کرده است حذف شوند و فرم به حالت اولیه بازگردد.


ساختن دکمه (Button)

به جز دکمه های ارسال فرم و پاک کردن فرم دکمه هایی هم وجود دارد که بیشتر برای استفاده در جاوا اسکرپت استفاده می شوند. این دکمه ها به صورت پیش فرض وظیفه خاصی را انجام نمی دهند و وظیفه آنها بستگی به موقعیت و مورد استفاده آنها از نظر برنامه نویس دارد.

در اینجا به توضیح برخی از شناسه هایی که برای دکمه های رادیو به کار می روند می پردازیم. به خاطر داشته باشید که همه این شناسه ها باید در تگ <input> به کار روند. برای مثال دکمه هایی که در پایین همین صفحه قرار دارند و برای رفتن به بخش قبلی یا بعدی استفاده می شوند از همین نوع دکمه ها هستند.

از کد زیر برای ساختن این دکمه ها استفاده می شود:

<input name="buttonName" type="button">

در اینجا به معرفی برخی از شناسه هایی که برای دکمه ها در تگ <input> استفاده می شوند می پردازیم :

  • type :
    برای دکمه ارسال فرم باید از submit برای مقدار این شناسه استفاده شود.
    برای دکمه پاک کردن فرم باید از reset برای مقدار این شناسه استفاده شود.
    برای سایر دکمه ها باید از button برای مقدار این شناسه استفاده شود.
  • name :
    این شناسه برای اختصاص یک نام به هر دکمه استفاده می شود.
  • value :
    در مورد دکمه ها این شناسه مشخص کننده متنی است که در روی دکمه نمایش داده می شود.
  • "disabled="disabled :
    از این شناسه برای غیر فعال دکمه ها استفاده می شود. به صورتی که کاربر نمی تواند دکمه مربوطه را کلیک کند. مقادیر مربوط به فیلدهایی که به صورت disabled هستند با ارسال فرم به سرور ارسال نمی شوند.

برای مشاهده دکمه زیر در حالت غیر فعال (disabled) حالت مورد نظر خود را در مثال زیر انتخاب کنید و نتیجه را در دکمه زیر مشاهده کنید:

حالت مورد نظر شما :  

دکمه نمونه :


نظرات بازدید کنندگان
نویسنده : غزل
خسته نباشي
چطوری میتونم اطلاعات رو با این دکمه ها به ایمیل بفرستم
                                                                              اميدوارم هر چه زودتر جوابمو بدين...
 
نویسنده : الهام
سلام
متشکرم.اطلاعات بسیار مفیدی بدست آوردم.
 
نویسنده : hessam
vagahn siteton be man komak kard ta betonam ba html ,rss be rahaati ashan besham o be sorat kar kardan be ona ro be sorat yad begriam . khayli mar30:d
 
نویسنده : دنیا
عالی است
 
نویسنده : ali asghar
احسنت و آفرین به شما که سنت شکنی کردید و این چنین زیبا و عالی حق مطلب رو ادا کردید.

بالاخره نمردیم و یه سایت خوب و در حد بوندسلیگا (اروپایی و آمریکایی) به زبان فارسی تو اینترنت دیدیم.

نئوپرشین ها موفق باشید که آبرو داری کردید با این سایت عالی نه فوق العاده عالی.

موفق باشید وامیدوارم که اهورا همواره همراهتان و اهریمن ز شما دور باد.
 
نویسنده : محسن
با سلام من می خواهم یک فرم با برنامه ی دریم ویور ایجاد کنم لطفا مرا راهنمایی کنید
اگر کاربران این سایت با برنامه ی دریم ویور بلد هستند خواهش می کنم به ایمیل من
ahmadikia [email protected]مراحلش را برایم بفرستید
                                                                                                                            محسن
 
نویسنده : محسن
با سلام و خسته نباشید من یک مشکلی برای سایتم دارم که جواب آن در سایت شما بود
من می خواهم برای سایتم یک فرم شبیه همن فرمی که من الان پر کرده ام می خواهم ایجاد کنم البته کمی پیچیده تر من چند سال پیش با برنامه ی دریم ویور  فرم ایجاد کرده بودم الان فراموش کرده ام می خواستم خواهش کنم روش ایجاد فرم را در برنامه ی دریم ویور یا برنامه
نوت پد برایم ارسال کنید خیلی خیلی ممنونم
                                                                                               محسن
 
نویسنده : hossein
سلام خسته نباشی زحمت کشیدید
چطوری میتونم اطلاعات رو با این دکمه ها به ایمیل بفرستم
آدرس ایمیل و صفحه تشکر رو باید کجا بگذارم

ترو خدا یه ایمیل به من بزن .....................خیلی ممنونم
 
نویسنده : قوام
سلام...يه سوال داشتم،چطوري مي تونم براي يك لينك يا بنر يه كادر توضيحي به صورت شناور بزارم،كه با نگه داشتن نشانگر ماوس اون توضيح بياد.خواهشن جوبتونو به ميلم بزنيد.خواهش مي كنم.(با حالت ناز و در خواست)
 
نویسنده : ليلا
az babat in sit motashakeram