כפתורים בטפסים
חלק מהיחידה יסודות במסלול ה-HTML של Coddy. שיעור 45 מתוך 60.
לכפתורים יש תפקיד מרכזי בטפסים, שבהם הם עוזרים לשלוח נתונים או לאפס שדות. בואו נראה איך הם פועלים:
כפתור שליחה:
<form>
<input type="text" name="username" placeholder="Enter username">
<button type="submit">Submit</button>
</form>
type="submit": שולח את נתוני הטופס לשרת.
כפתור איפוס:
<form>
<input type="text" name="name" value="John Doe">
<button type="reset">Reset</button>
</form>
type="reset": מנקה את כל השדות ומאפס אותם לערכי ברירת המחדל שלהם.
אתגר
קלצרו מסמך HTML שכולל טופס עם סוגים שונים של לחצנים. הטופס צריך לכלול את הרכיבים הבאים:
- שדה קלט טקסט עם השם "message" ועם טקסט מציין מיקום שאומר "Enter your message".
- הוסיפו לחצן שליחה (
<button type="submit">) עם הטקסט "Send". - הוסיפו לחצן איפוס (
<button type="reset">) עם הטקסט "Clear". - הוסיפו לחצן כללי (
<button>) עם הטקסט "Click Me".
נסו בעצמכם
<!DOCTYPE html>
<html>
<body>
<!-- כתבו כאן קוד -->
</body>
</html>
בחנו את עצמכםהשיעור הזה כולל חידון קצר. התחילו את השיעור כדי לענות עליו ולעקוב אחרי ההתקדמות.
כל השיעורים ביחידה יסודות
9טפסים וקלטים חלק 2
כפתורי בחירהתיבות סימוןתפריטים נפתחיםכפתוריםכפתורים בטפסיםסיכום – טפסים #1סיכום – טפסים #2תרגלו בעצמכם: Web אונליין