<form>

HTML <form> תג

דוגמה

טופס HTML פשוט עם שתי שדות הכנסת נתונים וכפתור "שלח":

<form action="http://xhtml.co.il/tryit/html/html_form_submit_736.php">
שם פרטי: <input type="text" name="fname" value="Moshe" />
שם משפחה: <input type="text" name="lname" value="Cohen" />
<input type="submit" value="שלח" />
</form

תוצאת הפעלה קוד לעיל:

נסה זאת בעצמך

(עוד דוגמאות בתחתית העמוד)

הגדרות ושימוש

תג <form> ממשתמש לבניית טופס HTML עבור קלט של משתמש.

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

טופס משתמש כדי לשלוח נתונים לשרת.

תמיכת דפדפנים

תג <form> נתמך בכל הדפדפנים המובילים

הבדלים בין HTML ו- XHTML

אין

טיפים והערות

הערה: אלמנט form זה אלמנט ברמה של קטע, ויוצר שבירת שורה לפניו ואחריו.

תכונות חובה

DTD: מציין באיזה HTML 4.01/XHTML 1.0 DTD תג מותר. S=Strict (קפדן), T=Transitional (מעבר), F=Frameset (מסגרות)

תכונה	ערך	תיאור	DTD
action	URL	מציין לאן לשלוח נתונים של הטופס	STF

תכונות נוספות

תכונה	ערך	תיאור	DTD
accept	MIME_type	מציין סוגי קבצים שניתן לשלוח אותם דרך העלאת קבצים	STF
accept-charset	charset	מגדיר סט תווים של שרת בטופס נתונים	STF
enctype	application/x-www-form-urlencoded multipart/form-data text/plain	מגדיר קידוד נתונים של הטופס לפני שליחה לשרת	STF
method	get post	מגדיר שיטת שליחה נתוני טופס	STF
name	name	מגדיר שם של הטופס	TF
target	_blank _self _parent _top framename	לא מומלץ לשימוש. מגדיר איפה לפתוח URL	TF

תכונות סטנדרטיות

Тег <form> поддерживает следующие стандартные атрибуты:

תכונה	ערך	תיאור	DTD
class	classname	מציין שם המחלקה עבור האלמנט	STF
dir	rtl ltr	מציין כיוון טקסט עבור תוכן של האלמנט	STF
id	id	מציין id ייחודי עבור אלמנט	STF
lang	language_code	מציין קוד שפה עבור תוכן של האלמנט	STF
style	style_definition	מציין סגנון מובנה עבור אלמנט	STF
title	text	מציין מידע נוסף עבור אלמנט	STF
xml:lang	language_code	מציין קוד שפה עבור תוכן של האלמנטים במסמכי XHTML	STF

יותר מידע על תכונות ה-HTML.

אירועי ה-HTML

תג <form> תומך בתכונות אירועים הבאות:

תכונה	ערך	תיאור	DTD
onclick	script	מפעיל סקריפט בלחיצת עכבר	STF
ondblclick	script	מפעיל סקריפט בלחיצת עכבר כפולה	STF
onmousedown	script	מפעיל סקריפט כשה כפתור של העכבר נלחץ	STF
onmousemove	script	סקריפט מופעל כשה מצביע עכבר זז	STF
onmouseout	script	מפעיל סריפט כשה מצביע עכבר יוצא מאלמנט	STF
onmouseover	script	מפעיל סקריפט כשה מצביע עכבר עובר מעל האלמנט	STF
onmouseup	script	מפעיל סקריפט כשה כפתור של העכבר שוחרר	STF
onkeydown	script	מפעיל סקריפט כשה מקש נלחץ	STF
onkeypress	script	סקריפט מופעל כשה מקש נלחץ ושוחרר	STF
onkeyup	script	סקריפט מופעל כשה מקש שוחרר	STF
onreset	script	סקריפט מופעל כשה טופס נוקה	STF
onsubmit	script	סקריפט מופעל כשה טופס נשלח	STF

יותר מידע על אירועי ה-HTML.

עוד דוגמאות

דוגמה 1

טופס עם תיבות סימון: טופס עם שתי תיבות סימון וכפתור "שלח":

<form action="http://xhtml.co.il/tryit/html/checkboxes.php" method="get">
  <input type="checkbox" name="vehicle[]" value="Bike" /> יש לי אופניים
  <input type="checkbox" name="vehicle[]" value="Car" checked="checked" /> יש לי רכב 
  <input type="submit" value="שלח" />
</form>

תוצאת הפעלה קוד לעיל:

נסה זאת בעצמך

דוגמה 2

טופס עם שני כפתורי רדיו: טופס עם שני כפתורי רדיו וכפתור שליחה

<form action="http://xhtml.co.il/tryit/html/radio.php" method="get">
  <input type="radio" name="sex" value="Male" /> גבר
  <input type="radio" name="sex" value="Female" checked="checked" /> אישה
  <input type="submit" value="שלח" />
</form>

תוצאת הפעלה קוד לעיל:

נסה זאת בעצמך

דוגמה 3

שליחת אימייל מטופס:

<form action="mailto:someone@example.com" method="post" enctype="text/plain">
שם: <input type="text" name="name" size="20" />
אימייל: <input type="text" name="email" size="20" />
הערות: <input type="text" name="comment" size="40" />
<input type="submit" value="לשלוח" />
<input type="reset" value="לנקות" />
</form>

תוצאת הפעלה קוד לעיל:

נסה זאת בעצמך

האם מידע זה היה מועיל?

כן לא

<form>

HTML <form> תג

דוגמה

הגדרות ושימוש

תמיכת דפדפנים

הבדלים בין HTML ו- XHTML

טיפים והערות

תכונות חובה

תכונות נוספות

תכונות סטנדרטיות

אירועי ה-HTML

עוד דוגמאות

דוגמה 1

דוגמה 2

דוגמה 3

תגובות