Webbee
  • שיווק באינטרנט
  • בניית אתרים
  • מאמרים
  • אודותינו
  • צור קשר
  • שיווק באינטרנט
  • בניית אתרים
  • מאמרים
  • אודותינו
  • צור קשר
Webbee
  • שיווק באינטרנט
  • בניית אתרים
  • מאמרים
  • אודותינו
  • צור קשר
  • שיווק באינטרנט
  • בניית אתרים
  • מאמרים
  • אודותינו
  • צור קשר
ראשי » בניית אתרים » טפסים – HTML

טפסים – HTML

27 במאי 2011 15:39

טפסים ב HTML

טפסים ב HTML משמשים העברת נתונים לשרת

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

התגית <form> משמשת לייצג טופס בHTML

<form>
.
אלמנטי קלט
.
</form>

 

טפסים בHTML אלמנט ה input

האלמנט הכי חשוב בטפסים הוא אלמנט הinput

האלמנט יכיל מידע מהמשתמש

אלמנט הinput הוא אחד האלמנטים הכי מגוונים בHTML והוא משתנה לחלוטים בהתאם לתכונה "type", הוא יכול לתאר שדה טקסט, סיסמה, קובץ תיבת סימון ועוד ועוד.

אנחנו נעבור על סוגי הקלט הנפוצים ביותר

type="text"

<input type="text" /> מתאר שורה אחת שהמשתמש יכול להכניס לתוכה טקסט:

<form>
שם פרטי:
<input type="text" name="firstname" /><br />
שם משפחה:
<input type="text" name="lastname" />
</form>

איך הקוד נראה בדפדפן:

שם פרטי: שם משפחה:

שים לב: הטופס עצמו בלתי נראה, ואורך ברירת המחדל של שדה טקסט הוא 20 תווים

type="password"

<input type="password" /> מגדיר שדה לסיסמה:

<form>
סיסמה:
<input type="password" name="pwd" />
</form>

איך הקוד נראה בדפדפן:

סיסמה:

שים לב: התווים בשדה סיסמה מוחבאים

type="radio"

<input type="radio" /> מגדיר לחצני בחירה, הם מאפשרים למשתמש לבחור רק אחד מתוך מספר אפשרויות

<form>
<input type="radio" name="sex" value="male" /> זכר<br />
<input type="radio" name="sex" value="female" /> נקבה
</form>

איך הקוד נראה בדפדפן:

זכר
נקבה

type="checkbox"

<input type="checkbox" /> מגדיר קופסאות בחירה, קופסאות בחירה מאפשרות למשתמש לבחור אפשרות אחת או יותר מבין מספר אפשרויות.

<form>
<input type="checkbox" name="vehicle" value="Bike" /> יש לי אופניים<br />
<input type="checkbox" name="vehicle" value="Car" /> יש לי אוטו
</form>

איך הקוד נראה בדפדפן:

יש לי אופניים יש לי אוטו

type="submit"

<input type="submit" /> מגדיר כפתור"שלח".

כפתור ה"שלח" שולח את נתוני הטופס לקובץ הרשום בתכונה action של הטופס, הקובץ הזה בדרך כלל מבצע פעולה כלשהי עם המידע (שולח אותו באימייל או מוסיף אותו למסד נתונים לדוגמה)

<form name="input" action="html_form_action.asp" method="get">
שם משתמש:
<input type="text" name="user" />
<input type="submit" value="שלח" />
</form>

איך הקוד נראה בדפדפן:

שם משתמש:

אם תלחץ על שלח בטופס הזה הוא ישלח את הנתונים לקובץ בשם example.php לצערי כרגע הוא לא קיים אז תקבל שגיאה.

אהבת? הגיע הזמן לשתף
  • Facebook
  • Google
  • Twitter
  • LinkedIn
  • Email
HTML forms בניית אתרים טפסים בHTML
השארת תגובה

ביטול

שיחת ייעוץ בחינם וללא שום התחייבות!
מלא את הפרטים ונשמח לגלות מהו ערוץ השיווק הבא שכדאי לך לפתח בעסק שלך.



תעשו לנו לייק בפייסבוק
מאמרים חדשים

טפסים דיגיטליים לעסק שלכם

התרומה של חתימה דיגיטלית על מסמכים לחשבי שכר

קידום אתרי רפואה: טיפים מעשיים

יתרונות של וורדפרס בהקשר של קידום אתרים

בניית אתר תדמית

עמודים חשובים
  • שיווק באינטרנט
  • בניית אתרים
  • מאמרים
  • אודותינו
  • צור קשר
קטגוריות מאמרים
  • אחזקת אתרים
  • בניית אתרים
  • חתימה דיגיטלית
  • ניהול עובדים
  • עיצוב אתרים
  • קידום אתרים בגוגל
  • שיווק באינטרנט
מאמרים חדשים

טפסים דיגיטליים לעסק שלכם

התרומה של חתימה דיגיטלית על מסמכים לחשבי שכר

קידום אתרי רפואה: טיפים מעשיים

יתרונות של וורדפרס בהקשר של קידום אתרים

בניית אתר תדמית

חפש באתר
כל הזכויות שמורות לWebbee - עושים באזז ברשת 2014
loading ביטול
Post was not sent - check your email addresses!
Email check failed, please try again
Sorry, your blog cannot share posts by email.