אפשרויות קלט טקסט לטפסים ב- HTML

• אַפּרִיל 26, 2024

במאמר "חלקים מטופס אתר" דנו בקצרה באפשרויות הקלט הזמינות עבור מעצבי טפסים. עכשיו הגיע הזמן לבחון מקרוב כמה מהאפשרויות הללו. באופן ספציפי, הנה שלושה שדות המאפשרים לך ללכוד ולאחסן מידע טקסט שהוזן על ידי המבקרים שלך.

שדה טקסט
שדה הטקסט הוא אחד משדות הטופס הנפוצים ביותר. זה משמש לתפיסת תשובות טקסט קצרות כמו שם המבקר. אתה יכול להשתמש "size =" כדי לשנות את גודל שדה הטקסט; "maxlength =" כדי להגביל את מספר התווים שהמבקר יכול להזין, למשל עם מספר טלפון או שדה מיקוד; ותוכל גם להגדיר ערך התחלתי עם "value =".

שדה טקסט המקודד כך:



... היה נראה כך באתר שלך:



אזור טקסט
אזורי טקסט משמשים בתדירות נמוכה יותר משדות טקסט; הם משמשים לתפיסת בלוקים של קלט גדולים יותר, כך שתוכל להוסיף אחד לטופס שלך כשדה הערות, למשל. כמו בשדה הטקסט, אתה יכול לציין את גודל השדה; "rows =" קובע את רוחב אזור הטקסט ואילו "cols =" קובע את גובהו. באזורי טקסט יש גם אפשרות לעטוף מילים. אם אתה מגדיר את זה ל"עטוף = כבוי ", התייחס לטקסט שהוזן כשורה ארוכה אחת; "לעטוף = וירטואלי" פירושו כי נראה שהטקסט מתעטף בטופס אך הנתונים עצמם נשלחים לשרת ללא פריצות קו, ואילו "wrap = פיזי" גורם לטופס להוסיף פריצות קו בפועל לשדה ולשלוח אותו לשרת עם ההפסקות כלולות.

אזור טקסט המקודד כך:

אתה יכול להתנסות על ידי הזנת טקסט לתיבה זו.

... היה נראה כך:

-TEXTAREA- rows = "6" cols = "40" wrap = "virtual"> אתה יכול להתנסות על ידי הזנת טקסט לתיבה זו.-TEXTAREA->

שדה סיסמא

שדה הסיסמה דומה לשדה הטקסט, אך כל מה שהמבקר נכנס לשדה מוסתר - כל המבקר שלך רואה הוא מחרוזת נקודות. זה יכול להיות מאוד מרגיע עבור מבקר, מכיוון שכל מי שבמקרה הולך מאחוריהם בזמן שהוא מזין את המידע שלו לא יוכל לאסוף את סיסמת המשתמש במבט חטוף. זכור כי נתונים שהוזנו בשדה סיסמא אינם מוצפנים בפועל - אם אתה רוצה להוסיף אבטחה למידע המשתמש שלך תצטרך לעשות דרך אחרת, בדרך כלל על ידי הקמת אתר מאובטח.

תכונות שדה הסיסמה זהות לתכונות של שדה טקסט.

שדה סיסמה המקודד כך:



... היה נראה כך:

הוראות וידאו: קורס בסיסי ב HTML - תגיות פלט ב HTML - שיעור 03 (אַפּרִיל 2024).