Menu
Coddy logo textTech

קלט ותווית

שיעור 2 מתוך 7 בקורס טופס התחברות - פרויקט HTML/CSS של Coddy.

התגית <input> היא מכל לסוגים שונים של רכיבי קלט, כגון: שדות טקסט, תיבות סימון, לחצני בחירה, לחצני שליחה וכו׳.

מגדירים את הסוג באמצעות המאפיין type,

<input type="text">
<input type="radio">
<input type="checkbox">
<input type="password">
<input type="submit">

מומלץ להוסיף לתגית הקלט תגית <label>,

<label for="password">Password:</label>
<input type="text" id="password">

שימו לב שהמאפיין for צריך להתאים למאפיין id של רכיב הקלט כדי לקשר ביניהם.

challenge icon

אתגר

קל

הוסף שני רכיבי קלט עם תוויות, בעלי המזהים "username" ו-"password", והגדר את סוגי הקלטים ל-"text" ו-"password" — אל תשכח לקשר כל תווית לקלט שלה.

מומלץ להוסיף תגי <br/> כדי ליצור רווח בין כל הפריטים!

נסו בעצמכם

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <!-- כתבו כאן קוד HTML -->
</body>
</html>

כל השיעורים ביחידה טופס התחברות - פרויקט HTML/CSS

תרגלו בעצמכם: Web אונליין