HTML Tutorial

عنصر <button>

استخدام <button>:

استخدم علامة <button> لإنشاء عناصر واجهة مستخدم قابلة للنقر والتي تنفذ الإجراءات عند النقر عليها.

سمات <button>:

  • type: يحدد نوع الزر. القيم الشائعة هي "submit" و "reset" و "button".
  • name: يحدد اسم الزر الذي يُستخدم لتحديد الزر في نصوص النموذج.
  • value: يحدد القيمة المرتبطة بالزر.
  • disabled: يعطل الزر إذا تم تعيينه على "disabled".

أمثلة مع <button>:

<!-- زر إرسال -->
<button type="submit">إرسال</button>

<!-- زر إعادة تعيين -->
<button type="reset">إعادة تعيين</button>

<!-- زر مخصص -->
<button type="button" onclick="myFunction()">انقر هنا</button>

استكشاف علامة

<!DOCTYPE html>
<html>
<body>

<h1>أهلا بك!</h1>

<!-- زر إرسال -->
<button type="submit" value="إرسال">إرسال</button>

</body>
</html>