HTML'de seçenek kutuları (<select>) ve onay kutuları (<input type="checkbox">) gibi form elemanları, kullanıcılara belirli seçenekleri seçme veya onaylama imkanı sunar. İşte örnekler:
-
Seçenek Kutusu (
<select>,<option>):<!DOCTYPE html> <html lang="tr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Seçenek Kutusu Örneği</title> </head> <body> <label for="renk">Favori Renk:</label> <select id="renk" name="renk"> <option value="kirmizi">Kırmızı</option> <option value="mavi">Mavi</option> <option value="yesil">Yeşil</option> </select> </body> </html>Bu örnekte, kullanıcı favori rengini seçmek için bir seçenek kutusu kullanabilir.
-
Onay Kutusu (
<input type="checkbox">):<!DOCTYPE html> <html lang="tr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Onay Kutusu Örneği</title> </head> <body> <label for="onay">Koşulları Kabul Ediyorum:</label> <input type="checkbox" id="onay" name="onay" value="kabul"> </body> </html>Bu örnekte, kullanıcı bir koşulu kabul edip etmediğini belirtmek için bir onay kutusu kullanabilir.
Bu örneklerde label etiketi, kullanıcıya form elemanının amacını açıklar. Ayrıca, value özelliği ile her seçeneğin veya onay kutusunun bir değeri olabilir. Bu değerler genellikle sunucuya gönderilen veriyi temsil eder.