HTML <button> Tag
تگ <button> در HTML یک دکمۀ قابل کلیک را برای اجرای دستوری از سمت کاربر ایجاد می کند. یکی از بیشترین موارد استفاده از آن در فرم ها برای تایید و ارسال اطلاعات می باشد.
مثال:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<style>
body {
direction: rtl;
font-family: "segoe ui";
text-align: center;
}
</style>
</head>
<body>
<p>بر روی دکمه زیر کلیک کنید:</p>
<button type="button" onclick="alert('سلام! شما کلیک کرده اید.')">
کلیک کنید!
</button>
</body>
</html>
نتیجه:
مشاهده و ویرایش کد در حالت تمام صفحه
صفتها (َAttributes)
autofocus
مشخص می کند که به هنگام لود صفحه دکمه در حالت آماده برای عمل (focus) باشد.
disabled
مشخص می کند که دکمه غیر فعال باشد.
form
مشخص می کند که دکمه متعلق به کدام فرم است. برای این منظور باید مقدار صفت id فرم با مقدار صفت form در دکمه یکی باشد.
name
یک نام را برای دکمه مشخص می کند.
type
نوع دکمه را مشخص می کند. این صفت ۳ مقدار بشرح زیر می پذیرد:
submit:
دکمه، اطلاعات را به سرور منتقل می کند. این مقدار پیشفرض است.reset:
دکمه، تمام اطلاعات وارد شده در تمام فیلدهای یک فرم را پاک کرده و به حالت اول باز می گرداند.button:
در این حالت دکمه عملی انجام نمی دهد و برای مثال می توان از آن برای اجرای یک اسکریپت جاوااسکریت استفاده کرد.
value
یک مقدار را برای دکمه مشخص می کند که به هنگام ارسال اطلاعات به سرور، این مقدار نیز فرستاده می شود.
پشتیبانی مرورگرها
تمام مرورگرها از این تگ HTML پشتیبانی می کنند.
