دليل HTML

مجموعة عناصر HTML

HTML: خاصية width في <input>

خصية width في input HTML تحدد عرض عنصر <input>، يمكن استخدام خاصية width فقط مع <input type="image">، إذا تم تعيين height وwidth، فإنه يحتفظ بالمساحة المطلوبة للصورة عند تحميل الصفحة.

　HTML <input> العلامة

مثال على الإنترنت

تعريف الصورة كزر الإرسال، عرضها وارتفاعها 45 بكسل:

مثال

<!DOCTYPE html>
<html>
<head>
<title>HTML:<input> width خاصية - موقع تعليمي أساسي (oldtoolbag.com)</title>
<body>
<form action="action_page.php">
　　اسم الأول: <input type="text" name="fname"><br>
　　اسم العائلة: <input type="text" name="lname"><br>
　　<input type="image" src="img_submit.gif" alt="Submit" width="45" height="45">
</form>
</body>
</html>

اختبار لمعرفة ‹/›

توافق المتصفحات

IEFirefoxOperaChromeSafari

دعم جميع المتصفحات الشائعة لخصوصية width.

التعريف والاستخدام

تحدد خصوصية width عرض عنصر <input>.

ملاحظة:خصوصية width تنطبق فقط على <input type="image">.

نصيحة:دائماً تُحدد عرض الصورة وارتفاعها معاً. إذا تم تعيين عرض الارتفاع والعرض، يتم الاحتفاظ بالمساحة المطلوبة للصورة عند تحميل الصفحة. ولكن إذا لم يتم تعيين هذه الخاصيات، فإن المتصفح لا يعرف حجم الصورة ولا يمكنه الاحتفاظ بالمساحة المناسبة لها. النتيجة هي أن تصميم الصفحة سيغير أثناء عملية التحميل (عند تحميل الصورة).

الفرق بين HTML 4.01 و HTML5

خصوصية width هي خاصية جديدة في HTML5 لـ <input> العلامة.

النحو

<input width="pixels">

قيمة الخاصية

القيمة	الوصف
pixels	عرض بالبكسل (مثل width="100").

　HTML <input> العلامة

HTML: <template> العلامة