התג <input> מאפשר מגוון רב של תיבות איסוף אינפורמציה. אל תג זה מתווסף המאפיין type המגדיר את     סוג התיבה:

•  type="text" - תיבת טקסט.
•  type="password"- תיבת טקסט המציגה כוכביות במקום הערך שנרשם בפועל.
• type="checkbox" - תיבת סימון
•  - type="radio" תיבת (עיגול) בחירה מתוך רשימה
•  type="submit" - כפתור שליחת תוכן הטופס אל השרת
•   type="file" -  כפתור המשמש לבחירת קבצים
• type="reset"  - כפתור ניקוי הטופס והחזרתו למצב ברירת המחדל.
• type="button"  - כפתור ללא הגדרת תפקיד. כפתור זה עובד בשילוב עם סקריפטים השתולים בקובץ.

תיבת טקסט

תג <input> מציג על המסך שורת טקסט. המאפיינים הנלווים לתג זה הנם:

•   type- סוג התיבה הוא "text" .  
•   name - כל תיבת טקסט מקבלת שם אחר.
•   -  value הערך המופיע בתיבה. השארת הערך ריק: value=""
•   -  size גודל התיבה. במידה ולא צוינו מידות אלו, קיימת מידה מסוימת הניתנת כברירת מחדל.

לדוגמא הפקודה:<input type="text" name="text1" value="hello" size="7">

תוצג על המסך כך:

תיבת סיסמא

•  בדומה לתיבת טקסט אלא שה - type הוא password"  "

לדוגמא הפקודה:<input type="password" name="password1" value="" size="10">

תוצג על המסך כך:

(הכניסו טקסט וראו כיצד הוא מוצג!)

תיבת סימון

תג <input> מציג תיבה לסימון אפשרויות שונות. מאפשר יותר מבחירת אפשרות אחת. המאפיינים הנלווים לתג זה הנם:

•   type - סוג התיבה הוא "checkbox".  
•   name  -.כל תיבת סימון מקבלת שם אחר
•   -  value  באם התיבה תבחר הערך הנתון למאפיין זה ישלח לשרת. יש לשים לב כי הערך צריך להיות זהה בכל התיבות, אך שם התיבה צריך להיות שונה.
•   -  checked הוספת מאפיין זה תגרום לסימון התיבה כברירת מחדל (לא חובה)

לדוגמא הפקודות:
<input type="checkbox" name="box1" value="val">tel aviv

<input type="checkbox" name="box2" value="val">bar ilan

יוצגו על המסך כך:
tel aviv
bar ilan

תיבת בחירה

תג <input> מציג תיבה לסימון אפשרויות שונות. מאפשר רק בחירת אפשרות אחת. המאפיינים הנלווים לתג זה הנם:

•     type - סוג התיבה הוא "radio".  
•   name  -.כל תיבות הסימון מקבלות את אותו שם על מנת לאפשר לשרת לדעת כי כל התיבות באות ממקור אחד.
•  -  value  באם התיבה תבחר הערך הנתון למאפיין זה ישלח לשרת. יש לשים לב כי הערך צריך להיות שונה בכל התיבות, אך שם התיבה צריך להיות זהה.
•   -  checked הוספת מאפיין זה תגרום לסימון התיבה כברירת מחדל (לא חובה)

לדוגמא הפקודות:

 <input type="radio" name="rad" value="val1">tel aviv

<input type="radio" name="rad" value="val2" checked>bar ilan

יוצגו על המסך כך:

tel aviv
bar ilan

(האם הינכם מצליחים לסמן את שתי האפשרויות בו זמנית?)