Buradasın

HTML ve CSS Dersi: Formlarda Checkbox ve Radio Button Kullanımı

Yapay zekadan makale özeti

Bu video, Yakın Kampüs.com'dan Erol Mesutkün tarafından sunulan bir eğitim dersidir. Ders, X, HTML ve CSS serisinin 29. bölümüdür.
Videoda formlarda kullanılan checkbox ve radio button kontrollerinin nasıl oluşturulacağı adım adım gösterilmektedir. Öncelikle radio button'ların sadece bir seçenek arasından seçim yapma özelliğine sahip olduğu, ardından checkbox'ların ise birden fazla seçeneği aynı anda seçme imkanı sunduğu anlatılmaktadır. Erol Mesutkün, cinsiyet seçimi ve ders takibi örnekleri üzerinden bu kontrollerin HTML kodlarını yazarak ve CSS ile nasıl stilize edilebileceğini göstermektedir.

00:06HTML Form Öğeleri: Bu ders, HTML ve CSS derslerinin 29. bölümünde form içeriğine özel öğeler ve nesneler tanıtmayı amaçlıyor.
Form oluşturmak için HTML kodlarını yazıp, CSS ile ilgili derslerde olduğu gibi "style" etiketini kullanabilirsiniz.
Form oluşturmak için "body" etiketi içinde "form" etiketi kullanılır.
01:08Radio Button Kullanımı: Radio button, kullanıcıya birkaç seçenek arasından sadece birini seçme imkanı verir.
Cinsiyet seçimi örneğinde, "input type='radio'" kullanılarak erkek ve kadın seçenekleri oluşturulur.
"name" özelliği, formun farklı kısımlarındaki radio buttonları gruplandırır ve "value" özelliği seçilen değeri belirler.
04:21Checkbox Kullanımı: Checkbox, kullanıcıya birden fazla seçeneği aynı anda seçme imkanı verir.
Yakın Kampüs sitesinde takip edilen dersler örneğinde, "input type='checkbox'" kullanılarak X, HTML, CSS, JavaScript, AutoCAD ve Java seçenekleri oluşturulur.
Checkbox'lar arasında "name" özelliği aynı olabilir, ancak "value" özelliği farklı olmalıdır.
07:20Radio Button ve Checkbox Farkları: Radio button'lar arasında sadece bir seçim yapılabilir, örneğin erkek veya kadın.
Checkbox'lar ise birden fazla seçim yapılabilir, örneğin X, HTML, CSS, JavaScript, AutoCAD ve Java'dan istenilen kombinasyonlar seçilebilir.