ویژگی <input> placeholder در HTML
تعریف و کاربرد
placeholder این ویژگی یک پیام توضیحی کوتاه را تعیین می‌کند که ارزش مورد انتظار حقل ورودی را توضیح می‌دهد (مثلاً مقدار نمونه یا توضیح مختصری از قالب مورد انتظار).
این پیام توضیحی در صورت خالی بودن حقل ورودی نمایش داده می‌شود و در صورت دریافت فокус از بین می‌رود.
توجه:placeholder این ویژگی برای نوع ورودی‌های زیر کاربرد دارد:
- text
- جستجو
- آدرس وب
- شماره تماس
- ایمیل
- پسورد
مثال
حقل ورودی تلفن شامل متن جایگزین:
<form action="/action_page.php">
<label for="phone">لطفاً شماره تلفن خود را وارد کنید：</label><br><br>
<input type="tel" id="phone" name="phone" placeholder="138-8888-8888"
pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}"><br><br>
<small>فرمت: 138-8888-8888</small><br><br>
<input type="submit">
</form>
قوانین
<input placeholder="text">
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| text | تعریف توضیح کوتاهی از ارزش مورد انتظار فیلد ورودی است. |
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه‌ای اولین مرتبه که این ویژگی توسط مرورگر پشتیبانی می‌شود، هستند.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
نکته:placeholder ویژگی‌ها ویژگی‌های جدید HTML5 هستند.
