البرمجة

نص توضيحي افتراضي في حقول الإدخال

لإضافة نص توضيحي افتراضي إلى حقل إدخال نصي في صفحة الويب الخاصة بك، يمكنك استخدام خاصية placeholder في عنصر input في HTML، وذلك على النحو التالي:

html
@Html.TextBoxFor(m => m.Name, new { placeholder = "اكتب اسمك هنا" })

أو يمكنك استخدام EditorFor بنفس الطريقة:

html
@Html.EditorFor(m => m.Name, new { htmlAttributes = new { placeholder = "اكتب اسمك هنا" } })

باستخدام الكود أعلاه، سيتم عرض نص “اكتب اسمك هنا” في حقل الإدخال، وعندما يقوم المستخدم بالنقر على الحقل للكتابة، سيتم حذف النص تلقائيًا، مما يسمح للمستخدم بإدخال النص الخاص به بدون أي اضطراب.

المزيد من المعلومات

لتعيين نص توضيحي افتراضي في حقل الإدخال، يمكنك استخدام خاصية placeholder في عنصر input في HTML، وذلك بتحديد النص المراد عرضه داخل القوسين بعد الوسم :

html
<input type="text" placeholder="اكتب اسمك هنا">

يمكنك أيضًا استخدام هذه الطريقة مع @Html.TextBoxFor و @Html.EditorFor في ASP.NET MVC، ولكن يجب توخي الحذر لأنه قد يتعارض مع النموذج الخاص بك إذا كان يتوقع الحصول على بيانات أو قيم افتراضية. لذا، يُفضل استخدام هذا النمط عند الحاجة فقط لعرض نص توضيحي بسيط.

زر الذهاب إلى الأعلى