كيفية جعل زر في HTML لتحميل ملف

المحتوى

• الاتجاهات
• نصائح
• ما تحتاجه
• مراجع
• الوسائل

غالبًا ما يستخدم مصممو الويب أزرارًا مضمنة في مستندات HTML لأسباب وظيفية وجمالية. بالإضافة إلى تزويد المستخدمين بطريقة مبهجة لإرسال المعلومات أو اتخاذ القرارات ، تتيح الأزرار وظائف مختلفة بناءً على تفاعل المستخدم. في هذه المقالة ، سيسمح زر HTML للمستخدم بتنزيل ملف عند النقر فوقه.

الاتجاهات

الأزرار هي مكونات HTML مفيدة ومرنة (هيميرا تكنولوجيز / PhotoObjects.net / غيتي إيماجز)

1. قم بإنشاء ملف HTML في محرر نصوص ، مثل المفكرة. يجب أن يحتوي الملف الأساسي على علامتي "html" و "body" على الأقل:

   >

   تحتوي علامة "الزر" على المعلومات التي تصف الزر. في هذه الحالة ، يكون الزر من النوع "الزر" العام ويكون اسمه "تنزيل". ستظهر الكلمات الموجودة بين العلامات "" على الزر عند عرض الصفحة في المستعرض.

2. اجعل الزر يشير إلى ملف عندما يقوم المستخدم بالنقر فوقه. للقيام بذلك ، أضف حدث "onClick":

   سيتم تشغيل الحدث "onClick" عندما ينقر المستخدم على الزر. في هذه الحالة ، سيتم فتح نافذة جديدة تشير إلى عنوان الملف.

3. احفظ الملف وافتحه في متصفح الويب الخاص بك. حفظ بالملحق "html" (على سبيل المثال ، "test.html"). فتحه في المتصفح. سيظهر الزر في الزاوية العلوية اليسرى من النافذة ، وستؤدي النقر فوقه إلى إعادة توجيه المستخدم إلى الملف وبدء عملية التنزيل.

   
   

نصائح

• يمكن نسخ هذا الرمز ولصقه في أي مستند HTML. اقرأ موقع "W3C Schools" (w3schools.com) لمعرفة المزيد حول ما يمكن أن تفعله أزرار HTML.

ما تحتاجه

• محرر النص
• متصفح الويب

مراجع

• مدارس W3C: HTML Tag "button"
• JavaScript Coder: استخدام أسلوب Window.Open

الوسائل

• مدارس W3C: HTML Tag "button"