Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir web tasarımı dersinin bir bölümüdür ve eğitmen, Visual Studio programında ASP.NET sayfaları üzerinde TextBox elemanını anlatmaktadır.
- Videoda TextBox elemanının özellikleri ve kullanım şekilleri detaylı olarak gösterilmektedir. Eğitmen önce TextBox'ın temel özelliklerini (arka plan rengi, kenarlık rengi, yazı fontu) anlatıp, ardından TextBox'ın farklı olaylarını (Change, Click) kullanarak örnekler sunmaktadır. Ayrıca TextBox'ın farklı kullanım modları (Single Line, Multiline, Password, Color, Date) ve read only, max length, autopostback gibi önemli özellikleri de gösterilmektedir. Video, TextBox elemanının temel kullanımını öğrenmek isteyenler için faydalı bir kaynaktır.
- Web Tasarımı Dersinde TextBox Elemanı
- Web tasarımı dersinde Visual Studio programıyla ASPX sayfaları üzerinde çalışmaya devam edilecek.
- Bugün çalışılacak form elemanı textbox elemanı olacak.
- Araç kutusunda butonlar (standart buton, image buton, delik buton) ve hyperlink (link olarak kullanılan, bir yerden bir yere geçiş yapmak için kullanılan eleman) bulunuyor.
- 00:54TextBox Elemanının Özellikleri
- TextBox elemanı içerisine değer girmek için kullanılan bir form elemanıdır.
- TextBox'ın arka plan rengi, kenarlık rengi, CSS stilini ve yazı font stilini özellikler kısmından değiştirebilirsiniz.
- TextBox'ın üzerinde herhangi bir yazı göstermek istiyorsanız bunu belirleyebilir ve kod yazma esnasında hangi isimle kullanılmasını istiyorsanız id kısmını değiştirebilirsiniz.
- 01:40TextBox ve Label Kullanımı
- TextBox'a yazılan bir yazıyı label'da göstermek için label elemanının text kısmından "label" yazısını silip sadece id'sini kullanabilirsiniz.
- TextBox'ın üzerine çift tıklayarak kaynak kod kısmına girerek change olayı (textbox'ta bir değişiklik olduğunda) üzerinde kod yazabilirsiniz.
- TextBox'a girilen değeri label'da göstermek için "label1.Text = textbox1.Text" kodunu kullanabilirsiniz.
- 04:32Buton ve TextBox Kullanımı
- TextBox'a yazılan yazıyı label'da göstermek için butonun click olayını kullanabilirsiniz.
- Butonun click olayında "label2.Text = textbox2.Text" kodunu kullanarak textbox'taki değeri label'a yazdırabilirsiniz.
- Butona tıklandığında textbox'taki değer label'da gösterilir.
- 06:24TextBox'ın Farklı Kullanım Özellikleri
- TextBox'ın text modunu single line (tek satır) olarak ayarlayarak tek satırlı metin girişi için kullanabilirsiniz.
- TextBox'ın text modunu multiline olarak değiştirdiğinizde çok satırlı bir eleman olarak kullanabilirsiniz.
- TextBox'ın text modunu password olarak ayarlayarak girilen bilgilerin parola şeklinde gizli gözükmesini sağlayabilirsiniz.
- 07:35Diğer TextBox Özellikleri
- TextBox'ın text modunu color olarak ayarlayarak renk paleti şeklinde kullanabilirsiniz.
- TextBox'ın text modunu tarih olarak ayarlayarak tarih takvim ekranı üzerinden tarih seçebilirsiniz.
- TextBox'ın read only kısmını true yaparak sadece okunabilir hale getirebilirsiniz.
- TextBox'ın max length özelliğini kullanarak en uzun yazılabilecek karakter değerini atayabilirsiniz.
- TextBox'ın autopostback özelliğini kullanarak enter'a basmadan herhangi bir yere tıklandığında otomatik sayfayı postalayabilirsiniz.