ASP.NET MVC DERSLERİ ( 5.7 ) DİĞER HTML HELPER ELEMANLARI

Html.Hidden

Hidden input elemanını oluşturmak için kullanılır. Kullanımı;

@Html.Hidden("Id", "1")

Html çıktısı

<input id="Id" name="Id" type="hidden" value="1" />

Strongly-Typed versiyon;

@Html.HiddenFor(m => m.Id)

Html.Password

Şifre girişi yapmak için oluşturulan textbox. Böylece şifre girilecek alan maskelenir.

@Html.Password("Sifre")

Html çıktısı;

<input id="Sifre" name="Sifre" type="password" value="" />

Strongly-Typed versiyon;

@Html.PasswordFor(m => m.Sifre)

Html.RadioButton

RadioButton elemanı birden fazla seçenek içerisinden sadece bir tanesinin seçimi için kullanılır ve grup olarak bir arada bulunan elemanlar içerisinden seçilir. Örneğin bir renk seçimi yapmak için. MVC ile kullanırken, radio butonların grup olmasını istiyorsak aynı name özelliğini vermemiz gerekli. Örneğin;

@Html.RadioButton("color", "red")
@Html.RadioButton("color", "blue", true)
@Html.RadioButton("color", "green")

Html çıktısı;

<input id="color" name="color" type="radio" value="red" />
<input checked="checked" id="color" name="color" 
    type="radio" value="blue" />
<input id="color" name="color" type="radio" value="green" />

Strongly-Typed versiyon;

@Html.RadioButtonFor(m => m.KategoriId, "1") Gündem
@Html.RadioButtonFor(m => m.KategoriId, "2") Spor
@Html.RadioButtonFor(m => m.KategoriId, "3") Ekonomi

Strongly-Typed versiyonda 1,2,3 gibi değerler girdik. Bunun anlamı kullanıcı hangisini seçerse, seçilen kategori için belirlenen değer modele bağlanacak demektir.

Html.CheckBox

@Html.CheckBox("Yayinda")

Html çıktısı;

<input id="Yayinda" name="Yayinda" type="checkbox" value="true" />
<input name="Yayinda" type="hidden" value="false" />

Html çıktısında neden iki tane input elemanı oluştuğunu merak edebilirsiniz. Bunun sebebi eğer checkbox elemanı işaretlenmezse form postalandığında sunucuya bir değer gönderilmez. Hidden elamanı da eklenerek, eğer checkbox işaretlenmemişse (false) değerin false olarak gönderilmesini garantilenir.