ویژگی width HTML <input>

برچسب <input> HTML

تعریف و استفاده

width ویژگی تعیین‌کننده عرض عنصر <input> است.

توجه:width ویژگی‌ها فقط با <input type="image"> یکجا استفاده کنید.

توجه:تعیین ارتفاع و عرض تصویر یک عادت خوب است. اگر این ویژگی‌ها تنظیم شوند، هنگام بارگذاری صفحه، فضای مورد نیاز برای تصویر رزرو می‌شود. در غیر این صورت، مرورگر نمی‌تواند اندازه تصویر را تشخیص دهد و بنابراین نمی‌تواند فضای مناسب برای آن رزرو کند. در این حالت، هنگام بارگذاری صفحه و تصویر، طرح‌بندی صفحه تغییر می‌کند.

مثال

تصویر را به عنوان دکمه فرستادن تعریف کنید، با ویژگی‌های height و width:

<form action="/action_page.php">
  <label for="fname">نام：</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">نام خانوادگی:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="image" src="img_submit.gif" alt="submit" width="48" height="48">
</form>

آزمایش کنید

نحوه نوشتن

<input width="pixels">

مقدار ویژگی

مقدار توضیح
pixels محدودیت عرض <input> را با واحد پیکسل تعیین می‌کند (مثلاً height="100").

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین مرورگری است که این ویژگی را کامل پشتیبانی می‌کند.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
پشتیبانی پشتیبانی 16.0 پشتیبانی پشتیبانی

توضیح:width ویژگی است که <input> در HTML5 جدید است.

برچسب <input> HTML