HTML <input> תג
דוגמה
טופס 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>
הגדרות ושימוש
תג <input> משתמש להכנסת נתונים על ידי משתמש.
שדות קלט יכולות להיות במספר צורות, תלוי מסוג תכונה. שדות קלט יכולות להיות שדה טקסט, תיבת סימון, שדה סיסמה, כפתור רדיו, כפתור ועוד.
תמיכת דפדפנים
תג
<input> נתמך בכל הדפדפנים המוביליםהבדלים בין HTML ו- XHTML
ב-HTML, לתג <input> אין תג סגירה.
ב-XHTML, תג <input> צריך להיות סגור כראוי,
כמו <input />.
טיפים והערות
עצה: תשתמשו בתג <label> כדי להגדיר תוויות עבור אלמנטים קלט.
תכונות נוספות
DTD: מציין באיזה HTML 4.01/XHTML 1.0 DTD תג מותר. S=Strict (קפדן), T=Transitional (מעבר), F=Frameset (מסגרות)
| תכונה | ערך | תיאור | DTD |
|---|---|---|---|
| accept | MIME_type | מגדיר סוגי קבצים, שניתן לשלוח דרך העלאת קבצים(רק עבור type="file") | STF |
| align | left right top middle bottom | לא מומלץ לשימוש. תשתמשו בסגנונות במקום זה. מגדיר יישור של תמונת קלט (רק עבור type="image") | TF |
| alt | text | מגדיר טקסט חלופי עבור תמונת קלט (רק עבור type="image") | STF |
| checked | checked | מגדיר, שאלמנט קלט נבחר, כשהדף עלה (עבור type="checkbox" או type="radio") | STF |
| disabled | disabled | מגדיר שאלמנט קלט לא זמין, כשהדף עלה | STF |
| maxlength | number | מגדיר אורך מקסימלי(בתווים) עבור שדה קלט (עבור type="text" או type="password") | STF |
| name | name | מגדיר שם עבור אלמנט קלט | STF |
| readonly | readonly | מגדיר ששדה קלט רק עבור קריא בלבד (עבור type="text" או type="password") | STF |
| size | number | מגדיר רוחב של שדה קלט | STF |
| src | URL | מגדיר URL של תמונה עבור הצגה כי כפתור שליחה | STF |
| type | button checkbox file hidden image password radio reset submit text | מגדיר סוג עבור אלמנט קלט | STF |
| value | value | מגדיר ערך עבור אלמנט קלט | STF |
תכונות סטנדרטיות
Тег<input> поддерживает следующие стандартные атрибуты:| תכונה | ערך | תיאור | DTD |
|---|---|---|---|
| accesskey | character | מגדיר קישור מקשים כדי לגשת לאלמנט | STF |
| class | classname | מציין שם המחלקה עבור האלמנט | STF |
| dir | rtl ltr | מציין כיוון טקסט עבור תוכן של האלמנט | STF |
| id | id | מציין id ייחודי עבור אלמנט | STF |
| lang | language_code | מציין קוד שפה עבור תוכן של האלמנט | STF |
| style | style_definition | מציין סגנון מובנה עבור אלמנט | STF |
| tabindex | number | מציין סדר של אלמנטים בלוח | STF |
| title | text | מציין מידע נוסף עבור אלמנט | STF |
| xml:lang | language_code | מציין קוד שפה עבור תוכן של האלמנטים במסמכי XHTML | STF |
יותר מידע על תכונות ה-HTML.
אירועי ה-HTML
תג<input> תומך בתכונות אירועים הבאות:| תכונה | ערך | תיאור | 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 |
| onblur | script | מפעיל סקריפט כשה אלמנט מאבד פוקוס | STF |
| onfocus | script | מפעיל סקריפט כשה אלמנט מקבל פוקוס | STF |
| onchange | script | סקריפט מופעל כשה אלמנט שונה | STF |
| onselect | 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> סיסמה: <input type="password" name="pwd" size="20" /> </form>
דוגמה 4
כיצד להגדיר כפתור עם טקסט שלכם.<form> <input type="button" value="בבקשה, לחצו עלי!" /> </form>
האם מידע זה היה מועיל?
