HTML'de metin kutusu oluşturmak için input
elementini kullanabilirsiniz. Metin kutuları genellikle kullanıcının metin girmesini sağlamak için kullanılır. İşte basit bir örnek:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Metin Kutusu Örneği</title>
</head>
<body>
<label for="kullaniciAdi">Kullanıcı Adı:</label>
<input type="text" id="kullaniciAdi" name="kullaniciAdi">
</body>
</html>
Yukarıdaki örnekte, label
etiketi kullanıcıya metin kutusunun ne için olduğunu açıklar ve input
etiketi type="text"
özelliği ile bir metin kutusu oluşturur. id
ve name
özellikleri, metin kutusuna birer tanımlayıcı ekler. Bu, CSS stil uygulamak veya JavaScript ile etkileşimde bulunmak için kullanışlıdır.
Dilerseniz, bu metin kutusuna varsayılan bir değer ekleyebilir veya diğer özellikleri kullanarak görünümünü özelleştirebilirsiniz.