خيارات إدخال النص لنماذج HTML

• أبريل 25, 2024

في مقالة "أجزاء من نموذج موقع ويب" ، ناقشنا باختصار خيارات الإدخال المتاحة لمصممي النماذج. الآن حان الوقت لإلقاء نظرة فاحصة على بعض هذه الخيارات. على وجه التحديد ، فيما يلي ثلاثة حقول تتيح لك التقاط وتخزين المعلومات النصية التي أدخلها الزوار.

حقل النص
يعد حقل النص أحد أكثر حقول النماذج استخدامًا. يتم استخدامه لالتقاط إجابات نصية قصيرة مثل اسم الزائر. يمكنك استخدام "size =" لتغيير حجم حقل النص ؛ "maxlength =" للحد من عدد الأحرف التي يمكن للزائر إدخالها ، مثل رقم الهاتف أو حقل الرمز البريدي ؛ ويمكنك أيضًا تعيين قيمة أولية بـ "value =".

حقل نص مشفر مثل هذا:



... ستبدو هكذا على موقعك:



منطقة النص
يتم استخدام مساحات النص بشكل متكرر أقل من حقول النص ؛ يتم استخدامها لالتقاط كتل أكبر من المدخلات ، لذلك يمكنك إضافة واحدة إلى النموذج الخاص بك كحقل تعليقات ، على سبيل المثال. كما هو الحال مع حقل النص ، يمكنك تحديد حجم الحقل ؛ "rows =" يعين عرض مساحة النص ، بينما "cols =" تعين ارتفاعه. تحتوي مناطق النص أيضًا على خيار التفاف الكلمات. إذا قمت بتعيينه على "التفاف = إيقاف" ، فسيتم التعامل مع النص الذي تم إدخاله كسطر طويل ؛ "التفاف = ظاهري" يعني أن النص يبدو يلتف داخل النموذج ولكن البيانات نفسها يتم إرسالها إلى الخادم دون خطوط الأسطر ، في حين أن "التفاف = فعلي" يتسبب في إضافة النموذج لفواصل الأسطر الفعلية إلى الحقل وإرساله إلى الخادم باستخدام وشملت فواصل.

منطقة نص مشفرة مثل هذا:

يمكنك تجربة عن طريق إدخال بعض النص في هذا المربع.

... سيبدو مثل هذا:

-TEXTAREA- rows = "6" cols = "40" wrap = "virtual"> يمكنك تجربة عن طريق إدخال بعض النص في هذا المربع.-TEXTAREA->

حقل كلمة المرور

يشبه حقل كلمة المرور حقل النص ، ولكن أي شيء يدخله الزائر إلى الحقل يكون غير واضح - كل ما يراه زائرك عبارة عن سلسلة من النقاط. يمكن أن يكون هذا مطمئنًا للغاية للزائر ، لأن أي شخص يحدث للمشي خلفه عند إدخال معلوماته لن يكون قادرًا على التقاط كلمة مرور المستخدم في لمحة. ضع في اعتبارك أن البيانات التي يتم إدخالها في حقل كلمة المرور لا يتم تشفيرها فعليًا - إذا كنت ترغب في إضافة أمان إلى معلومات المستخدم الخاصة بك ، فسيتعين عليك القيام بطريقة أخرى ، عادةً عن طريق إعداد موقع آمن.

سمات حقل كلمة المرور متطابقة مع حقل النص.

حقل كلمة المرور مشفر مثل هذا:



... سيبدو مثل هذا:

تعليمات الفيديو: #1 كود عمل قائمة منسدلة بلغة html بالتفصيل خطوة خطوة (أبريل 2024).