آموزش صفت PlaceHolder در HTML

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت PlaceHolder در HTML با من همراه باشید.

آموزش صفت PlaceHolder در HTML

Free-Learn

صفت PlaceHolder در HTML

صفت placeholder صفتی است که ما با استفاده از آن میتوانیم یک متن یا یک توضیح کوتاه یا حالا هرچیزی که بتونه به کاربر بگه باید در این فیلد مثلا باید فلان مقدار وارد شود.

شاید تا الان برای یکبارم که شده باشه در بعضی از فیلدهای فرم ها دیده باشید که یه متن/توضیح کوتاه درون فیلدها (بصورت پس زمینه ای) وجود دارد و به ما میگه که مثلا در این فیلد باید چه نوع مقداری وارد نماییم.

Free-Learn

عناصری که توسط این صفت پشتیبانی می شوند

این صفت را میتوان در عناصر/تگ های زیر بکار برد.

<textarea> <input>

Free-Learn

مثال از صفت PlaceHolder در HTML

در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.

مثال شماره ۱ : استفاده در تگ Input

امتحان کنید

مثال شماره ۲ :‌ استفاده در تگ Textarea

امتحان کنید

مثال شماره ۳ : استفاده در عنصر ورودی از نوع ایمیل

امتحان کنید

Free-Learn

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

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت placeholder در HTML پشتیبانی میکنند یا خیر.

نام تگ Chrome Firefox Opera Safari IE
input ۱۰٫۰ ۴٫۰ ۱۱٫۰ ۵٫۰ ۱۰٫۰
textarea بله ۴٫۰ ۱۱٫۵ ۶٫۰ ۱۰٫۰

Free-Learn

نکات و توضیحات

صفت placeholder یک صفت جدید/اضافه شده در HTML5‌ می باشد.

از این صفت میتوان درون عناصر ورودی از نوع text, search, url, tel, email, و password استفاده نمود.

Free-Learn