Menu
Coddy logo textTech

Input ve Label

Coddy'nin Giriş Formu - HTML/CSS Projesi kursunda ders 2 / 7.

<input> etiketi; metin alanları, onay kutuları, radyo düğmeleri, gönder düğmeleri vb. gibi farklı giriş öğesi türleri için bir kapsayıcıdır.

type özniteliğini kullanarak türü ayarlayın,

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

Giriş öğesine <label> etiketi eklemek iyi bir uygulamadır,

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

Bunları birbirine bağlamak için for özniteliğinin girişin id özniteliğiyle eşleşmesi gerektiğini unutmayın.

challenge icon

Görev

Kolay

"username" ve "password" id'lerine sahip, etiketli iki input öğesi ekleyin; input türlerini "text" ve "password" olarak ayarlayın - her etiketi ilgili input'a bağlamayı unutmayın.

Her şeyin arasına boşluk bırakmak için <br/> etiketleri eklemeniz önerilir!

Kendin dene

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <!-- Write HTML code here -->
</body>
</html>

Giriş Formu - HTML/CSS Projesi bölümündeki tüm dersler