ویژگی <input> placeholder HTML
تعریف و استفاده
placeholder ویژگی‌ها یک پیام کوتاه تعریف می‌کنند که توضیح می‌دهد ارزش مورد انتظار فیلد ورودی چیست (مثلاً یک نمونه یا توضیح کوتاه از قالب مورد انتظار).
این پیام در صورت خالی بودن فیلد ورودی نمایش داده می‌شود و در صورت دریافت نقطه فokus از بین می‌رود.
توجه: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 هستند.
