טפסים
זה הנושא העיקרי שלנו להיום, נלמד כיצד לעשות טפסים שאפשר למלא, בphp למתחילים שיעור שני שיצא בקרוב נלמד לתכנת את הטפסים ככה שישלחו אלינו את המידע במייל.
דבר ראשון בואו נפתח notepad ונוסיף את קוד הבסיס של html :
<html>
<head>
<title>טפסים</title></head>
<body>
</body>
</html>
עכשיו בתוך הbody נכתוב כך:
<form>
</form>
היום נעבוד על התגית form או בעברית: טופס
את הדברים הבאים אתם יכולים לכתוב בתוך התגית form
תיבת טקסט רגילה נכתוב כך:
<input type="text">
תיבת סיסמא נכתוב כך:
<input type="password">
תיבת טקסט גדולה נכתוב כך:
<input type="textarea" rows="20 cols="15">
או כך:
<textarea rows="20" cols="15">אם יש משהו שאנחנו רוצים לכתוב עוד לפני שהמשתמש מקליד אנחנו כותבים אותו כאן
</textarea>
תיבת בחירה נעשה כך:
<select>
<option>בחירה<option>
</select>
אתם יכולים לשים עוד תגיות option בשורה חדשה כדי להוסיף עוד אפשרויות בחירה.
תיבות בחירה
מכירים את המרובעים האלה שאפשר לבחור אותם?
כך עושים אותם:
<input type="checkbox">
ניתן גם לעשות כך:
<input type="checkbox" checked>
והתיבה תסומן עוד לפני שהמשתמש בחר בה
תיבות בחירה עגולות שמתוכן ניתן לבחור רק אחד:
<input type="radio" name="radio">
וכמו תיבת בחירה רגילות גם כאן ניתן לעשות:
<input type="radio" name="radio" checked>
והתיבה תבחר את עצמה.
שימו שהמאפיין name חשוב מאוד, אם הname בשני (או יותר) תיבות בחירה עגולות שונה, אפשר לבחור כמה שרוצים.
תיבת העלאת קבצים:
<input type="file">
שחתי משהו?
אה כן, כפתור שליחה כמובן.
<input type="submit" value="שלח">
אז נראה לי שסיימנו את החלק של הטפסים.
אם לא הבנתם, הנה דוגמא לטופס:
<form>
שם משתמש:<input type="text"><br>
סיסמא:<input type="password"><br><textarea rows="20" cols="15">תוכן
</textarea><br>
מה אתה אוהב לאכול?<br>
<select>
<option>פיצה<option>
<option>ביסלי<option>
<option>עוגה<option>
<option>פלאפל<option>
</select><br>
בן כמה אתה?<br>
7-11<input type="checkbox"><br>
12-15<input type="checkbox"><br>
16-19<input type="checkbox"><br>
מה המין שלך?<br>
<input type="radio" name="radio" checked> לא מוגדר<br>
<input type="radio" name="radio"> זכר<br>
<input type="radio" name="radio"> נקבה<br>
העלה קובץ:<br>
<input type="file"><br>
<input type="submit" value="שלח">
</form>