این آموزش در تاریخ ۱۴۰۲/۰۶/۲۱ آپدیت شده است.

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

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

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

Free-Learn

صفت PlaceHolder در HTML

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

مقدار صفت PlaceHolder بصورت کم رنگ در زمینه اینپوت قرار میگیرد.

Free-Learn

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

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

<textarea> <input>

Free-Learn

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

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

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

امتحان کنید

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

امتحان کنید

Free-Learn

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

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

نام تگ Chrome Firefox Opera Safari Edge
input بله بله بله بله بله
textarea بله بله بله بله بله

Free-Learn

شکل نوشتاری

نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این صفت در HTML بصورت زیر می باشد.

Free-Learn

جدول مقادیر صفت PlaceHolder در HTML

در جدول زیر میتوانید، مقادیری را که میتوان در این صفت استفاده کرد مشاهده نمایید.

مقدار توضیح
Text یک متن یا توضیح کوتاه که درون تگ بصورت زمینه ای کمرنگ مشخص میشود

Free-Learn

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

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

Free-Learn

دریافت PDF یا پرینت این مطلب