این آموزش در تاریخ ۱۴۰۲/۰۶/۲۱ آپدیت شده است.
آموزش صفت PlaceHolder در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت PlaceHolder در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت PlaceHolder در HTML
صفت placeholder
صفتی است که ما با استفاده از آن میتوانیم یک متن یا یک توضیح کوتاه یا حالا هرچیزی ( که بتونه به کاربر بگه باید در این فیلد مثلا فلان مقدار رو وارد کرد ) ایجاد نماییم.
Free-Learn
عناصری که توسط این صفت پشتیبانی می شوند
این صفت را میتوان در عناصر/تگ های زیر بکار برد.
<textarea> | <input> |
Free-Learn
مثال از صفت PlaceHolder در HTML
در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.
مثال شماره ۱ : استفاده در تگ Input
1 2 3 4 5 6 7 8 |
<body> <form action="files/get_data.php" method="POST"> <input type="text" name="myname" placeholder="نام تان را وارد کنید"> <input type="submit" value="ارسال"> </form> </body> |
مثال شماره ۲ : استفاده در تگ Textarea
1 2 3 4 5 6 7 8 9 |
<body> <form action="files/get_data3.php" method="POST"> <textarea name="message" placeholder="نظرت در مورد فری لرن"></textarea> <br> <input type="submit" value="ارسال"> </form> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت placeholder
در HTML پشتیبانی میکنند یا خیر.
نام تگ | Chrome | Firefox | Opera | Safari | Edge |
input | بله | بله | بله | بله | بله |
textarea | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این صفت در HTML بصورت زیر می باشد.
1 2 |
<input placeholder="Text"> <textarea placeholder="Text"> |
Free-Learn
جدول مقادیر صفت PlaceHolder در HTML
در جدول زیر میتوانید، مقادیری را که میتوان در این صفت استفاده کرد مشاهده نمایید.
مقدار | توضیح |
---|---|
Text | یک متن یا توضیح کوتاه که درون تگ بصورت زمینه ای کمرنگ مشخص میشود |
Free-Learn
نکات و توضیحات
- از این صفت میتوان درون اینپوت های text, search, url, tel, email و password استفاده نمود.