HTML ile ilgili ana sorun
<datalist id="browsers"> <option value="Chrome"> <option value="Firefox"> <option value="Internet Explorer"> <option value="Opera"> <option value="Safari"> </datalist>
1. Bu kod, bir giriş alanı için seçenekler listesi oluşturmak için kullanılan, veri listesi adı verilen bir HTML öğesi oluşturur.
2. Datalist, “tarayıcılar” id özniteliğine sahiptir.
3. Veri listesinin içinde, her biri bir web tarayıcısının (Chrome, Firefox, Internet Explorer, Opera ve Safari) adını içeren bir değer özelliğine sahip beş seçenek öğesi vardır.
4. Bu değerler, kullanıcı bu veri listesiyle ilişkili giriş alanına girdiğinde öneri olarak kullanılacaktır.
datalist etiketi nedir
HTML
Datalist ve açılır menü arasındaki fark nedir?
Datalist, kullanıcının aralarından seçim yapması için seçenekler listesi sağlayan bir HTML öğesidir. Açılır menüye benzer, ancak temel farkı, kullanıcıların kendi değerlerini girmesine izin vermesidir. Kullanıcı giriş alanına yazabilir ve veri listesi yazdıklarına göre öneriler sunar. Açılır menü ise, kullanıcıların yalnızca önceden tanımlanmış seçenekler arasından seçim yapmasına izin verir. Ek olarak, bir datalist ile kullanıcılar, bir seçenek olarak listelenmemiş olsalar bile istedikleri herhangi bir değeri yazabilirler.
Datalist HTML formunda nasıl kullanılır?
HTML
datalist öğesini kullanmak için öncelikle bir HTML formu oluşturmanız gerekir. element ve ona bir id niteliği verin. Ardından formun içine bir datalist öğesi ekleyebilir ve list niteliğini giriş alanının kimliğine eşit olarak ayarlayabilirsiniz. Veri listesinin içinde bir veya daha fazla ekleyebilirsiniz.
Örneğin: