HTML'de e-posta (email), URL (url) ve sayı (number) kutuları kullanarak farklı türlerde veri girişi sağlayabilirsiniz. İşte bu tür kutuların örnekleri:
- E-posta Kutusu (
email):
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>E-posta Kutusu Örneği</title>
</head>
<body>
<label for="email">E-posta Adresiniz:</label>
<input type="email" id="email" name="email" required>
</body>
</html>
- URL Kutusu (
url):
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>URL Kutusu Örneği</title>
</head>
<body>
<label for="website">Web Sitesi URL'si:</label>
<input type="url" id="website" name="website" required>
</body>
</html>
- Sayı Kutusu (
number):
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sayı Kutusu Örneği</title>
</head>
<body>
<label for="quantity">Adet:</label>
<input type="number" id="quantity" name="quantity" min="1" max="100" required>
</body>
</html>
Bu örneklerde her bir kutu, belirli bir türde veri girişi yapılmasını sağlar. required özelliği, kullanıcının bu alanı boş bırakamamasını sağlar. min ve max özellikleri, sayı kutusuna kabul edilebilir bir aralık belirler.