ویژگی height HTML <input>

برچسب <input> HTML

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

height ویژگی تعیین می‌کند که ارتفاع <input> عناصر چگونه باشد.

توجه:height ویژگی‌ها فقط با <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 height="pixels">

مقدار ویژگی

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

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

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

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

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

برچسب <input> HTML