به زبان ساده تگ Button در HTML برای تعریف دکمه ها استفاده می شود. در ادامه این مقاله ما قصد داریم شما را با مفهوم و کاربرد تگ باتن در اچ تی ام ال بیشتر آشنا کنیم، همراه داتیس نتورک باشید.
تگ Button در HTML چیست؟
تگ باتن برای ایجاد دکمه های قابل کلیک شدن در صفحات وب استفاده می شود.
این تگ در تمامی مرورگر های معتبر مانند Google Chrome و Firefox و… پشتیبانی می شود.
با استفاده از تگ باتن می توانید محتوایی مانند عکس یا فیلم را به صورت دکمه داخل صفحه وب خود قرار دهید.
اما این کار در تگ Input قابل انجام نمی باشد.
تگ باتن از رویداد های عمومی و صفات عمومی در HTML پشتیبانی می کند.
مثال تگ Button در اچ تی ام ال
در این قسمت از مقاله ما قصد داریم شما را با این تگ و نحوه استفاده از آن بیشتر آشنا کنیم.
<!DOCTYPE html>
<html>
<body>
<h1>Button Tag</h1>
<button type="button" onclick="alert('Hello world!')">Click Me!</button>
</body>
</html>
اگر این کد را در صفحه وب خود قرار دهید، کاربر با کلیک بر روی آن پیغام Hello World را دریافت می کند.
همان طور که در بالا مشاهده می کنید، نوع Type در تگ Button مشخص شده است.
بهتر است خودتان این قسمت را تعیین کنید، زیرا اگر به صورت پیش فرض توسط مرورگر ها تعیین شوند ممکن است تنظیماتی بر روی دکمه اعمال کنند.
در قسمت Type می توانید از Button یا Submit یا Reset استفاده کنید.
تفاوت تگ باتن و تگ Input
تفاوت اصلی بین تگ Button و تگ Input این است که در تگ باتن شما می توانید محتوا قرار دهید اما این کار در Input امکان پذیر نمی باشد.
یعنی امکان قرار دادن تصویر یا ویدیو داخل دکمه های تگ Input وجود ندارد.
امیدواریم مقاله آشنایی با مفهوم و کاربرد های تگ باتن در اچ تی ام ال برای شما مفید بوده باشد.
داتیس نتورک را در شبکه های اجتماعی دنبال کنید.