دکمه های لینک دار در تمامی سایت ها قابل مشاهده هستند. با استفاده از آنان قادر به انجام بسیاری از فرایند ها هستیم. در وبسایت ها ، قسمت سرچ از تگ فرم استفاده می نماید که دکمه submit شبیه به دکمه عمل می نماید. برخی از وبسایت های حرفه ای به جای سابمیت از یک button استفاده می نمایند تا بعد از کلیک اقدامات خاص مورد نظر خود را انجام دهند. مثلا اگر شما نیاز دارید که نتیجه جستجو را در همان صفحه نمایش دهید. نیاز است که از تگ button استفاده نمایید. تگ دکمه HTML button Tag بسیار ساده و کاربردی می باشد که در این قسمت نمونه آن را مشاهده می نمایید.
تگ دکمه
با استفاده از تگ دکمه شما قادرید که به آن استایل و از ظاهر زیبایی آن را برخوردار نمایید. به صورت پیشفرض تگ button به صورت مستطیل و در اندازه نوشته درون آن می باشد. با استفاده از خاصیت های margin و padding قادر به بزرگ نمایی آن می نمایید.
<button>کلیک کنید!</button>
نمونه کد بالا ، ظاهر ساده تگ Button را به نمایش در میاورد. شما قادرید به آن استایل ، حال بازگشایی و بسیاری از خاصیت های دگیر زیر را بدهید.
صفت | مقدار | توضیحات |
---|---|---|
autofocus | autofocus | مشخص می کند که دکمه باید به طور خودکار هنگام بارگیری صفحه فوکوس شود. |
disabled | disabled | مشخص می کند که دکمه باید غیرفعال شود. |
form | form_id | مشخص می کند که دکمه متعلق به کدام فرم است. |
formaction | URL | مشخص می کند که هنگام ارسال فرم، داده های فرم به کجا ارسال شود. فقط برای نوع =”submit” |
formenctype | application/x-www-form-urlencoded multipart/form-data text/plain | نحوه کدگذاری فرم-داده ها را قبل از ارسال به سرور مشخص می کند. فقط برای نوع =”submit” |
formmethod | get post | نحوه ارسال فرم-داده را مشخص می کند (از کدام روش HTTP استفاده شود). فقط برای نوع =”submit” |
formnovalidate | formnovalidate | مشخص می کند که فرم-داده ها نباید در هنگام ارسال اعتبارسنجی شوند. فقط برای نوع =”submit” |
formtarget | _blank _self _parent _top framename | محل نمایش پاسخ پس از ارسال فرم را مشخص می کند. فقط برای نوع =”submit” |
popovertarget | element_id | مشخص می کند که کدام عنصر popover را فراخوانی کند. |
popovertargetaction | hide show toggle | مشخص می کند که با کلیک روی دکمه چه اتفاقی برای عنصر popover می افتد. |
name | name | یک نام برای دکمه مشخص می کند. |
type | button reset submit | نوع دکمه را مشخص می کند. |
value | text | مقدار اولیه را برای دکمه مشخص می کند. |
نمونه ای از تگ دکمه بهمراه کلاس:
<button class="button button1">Green</button>
پشتیبانی تگ دکمه در مرورگرها
Element | |||||
---|---|---|---|---|---|
<button> | Yes | Yes | Yes | Yes | Yes |
تگ button در HTML
هر زبان برنامه نویسی دارای کدهای خاص خود می باشد. برنامه نویسی html نیز از این موضوع مستثنی نیست. تمامی تگ هایی که معرفی می گردد در خصوص استفاده در زبان برنامه نویسی HTML می باشد.
استفاده از تک button در html بسیار کاربردی که در موارد مختلف مورد استفاده قرار می گیرد. این تگ به تنهایی بسیاری از موارد ظاهری و کاربردی را انجام میدهد. شما قادرید لیست تگ های Html را مشاهده و آن را در زمان طراحی سایت استفاده نمایید.
از نظر بهینه سازی نیز مورد استفاده قرار می گیرد. یک طراح خوب حتما با تمام تگ ها آشنایی دارد.