دليل HTML

مكتبة HTML

HTML: <input> placeholder attribute

HTML input placeholder attribute يحدد التلميح القصير لقيمة التوقعات المطلوبة للوظيفة (مثل، قيمة نموذج أو تلميح بسيط لنمط التوقعات). سيتم عرض التلميح القصير في مربع النص عند عدم إدخال المستخدم للقيمة.

　HTML <input> العلامة

مثال 1

حقلان نصيان للplaceholder في النص المحدد.

مثال

<!DOCTYPE　html>
<html>
<head>
<title>HTML:<input>　placeholder　attribute　-　موقع تعليم الأساسيات (oldtoolbag.com)</title>
<body>
<form　action="action_page.php">
　　<input　type="text"　name="fname"　placeholder="First　name"><br>
　　<input　type="text"　name="lname"　placeholder="Last　name"><br>
　　<input　type="submit"　value="Submit">
</form>
</html>

اختبار لمعرفة ‹/›

يمكن تحديد لون النص المحدد بالplaceholder أيضًا.

مثال عبر الإنترنت 2

أداء النص المحدد بالplaceholder بتنسيق اللون:

مثال

<!DOCTYPE　html>
<html>
<head>　
<meta　charset="utf-8">　
<title>موقع تعليم الأساسيات (oldtoolbag.com)</title>　
</head>
<body>
<form　action="demo-form.php">
　　<input　type="text"　name="fname"　placeholder="First　name"><br>
　　<input　type="text"　name="lname"　placeholder="Last　name"><br>
　　<input　type="submit"　value="Submit">
</form>
</body>
</html>

اختبار لمعرفة ‹/›

توافق المتصفحات

الرقم في الجدول يمثل إصدار المتصفح الأول الذي يدعم هذه السمة.

سمة
placeholder	10.0	10.0	4.0	5.0	11.0

التعريف والاستخدام

placeholder يحدد نصوص توجيهية قصيرة لقيمة التوقعات المتوقعة للسمة المقدمة (مثل، قيمة نموذج أو وصف قصير لنمط التوقعات).

سيتم عرض النصوص التوجيهية القصيرة في سمة المقدمة قبل أن يدخل المستخدم القيمة.

ملاحظة:سمة placeholder تنطبق على أنواع input التالية: text،search،url،tel،email و password.

الفرق بين HTML 4.01 و HTML5

سمة placeholder هي خاصية جديدة في HTML5.

النحو

<input placeholder="text">

قيمة السمة

القيمة	وصف
text	تحديد نصوص توجيهية قصيرة لقيمة التوقعات المتوقعة للسمة المقدمة.

　HTML <input> العلامة

HTML: <template> العلامة