*Html5'te İnput Kullanımı*
Bir çok dilde kişiden veri almak için inputlar(sadece inputlar değil, bir buton ile fonksiyon çalıştırılıp veri alınabilir.) kullanılır, Html5 her ne kadar bir dil olmasa da bu özellik Html5'te de vardır!
Ama maalesef inputtaki bir veriyi çekip kullanmak için JavaScript'e ihtiyacınız vardır, sadece html5 yetmez.
Peki kullanıcıdan aldığımız veriler ne amaçlar ile kullanılır, Aslında bunun sonsuz farklı kullanım amacı vardır ama en çok;
Bir siteye üye olmak ve giriş yapmakta,
Bir site de paylaşımlar yapmaya yarar.
Html5'teki inputlar yazı(string) türündeki verileri çekmek için değil, kullanıcının bilgisayarındaki verileri çekmek(kullanıcı isteğiyle) ve buton türünde inputlar oluşturmak amacıyla kullanılabilir(daha bir sürü input var ama saya saya bitmez :D)!
Şimdi sayfanın iskeletini oluşturup örnekler ve anlatıma geçelim.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="CONTENT-TYPE" content="text/html; charset=UTF-8">
<title>Html5'te input kullanımı!</title>
</head>
<body>
Merhaba dünya!
</body>
</html>
İskeletimizi oluşturduğumuza göre şimdi sıra inputların nasıl kullanıldığına öğrenmekte.
Dediğimiz gibi inputların farklı türleri var, peki bu türlerden hangi inputu seçtiğimizi nasıl mı anlıyoruz?
Tabii ki type="" attribuite ile,
Örnek olarak
<input type="text">
Ve eğer fark ettiyseniz inputun sonunu belirtmiyoruz, tabii belirtmeniz bir sorun teşkil etmez ama normali belirtmemeniz :)
Şimdi sıra geldi bahsettiğimiz input tiplerinin nasıl yazıldığını öğrenmekte
1 - text : text içine yazılar girebildiğimiz bir input türüdür,
2 - password : password aynı text türü gibidir ancak yazılanları noktalar ile şifreler(yanii göstermez)
3 - file: file ise kullanıcıdan dosya almamızı sağlar
4 - button : button ise anlaşılabilir olarak buton oluşturur :D, ve aynı şekilde aynı görevi gören button etiketi de vardır(<button></button>)
Şimdi öğrendiğimiz bilgiler ile bir site oluşturalım!
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="CONTENT-TYPE" content="text/html; charset=UTF-8">
<title>Html5'te input kullanımı!</title>
</head>
<body>
<input type="file">
<input type="text" value="Bu inputun içindeki yazıdır ama kullanıcı tarafından değiştirilebilir!">
<input type="password" placeholder="Bu inputun içindeki yazıdır ama kullanıcı bir yazı yazdığında bu silinecektir yerine girdiği karakter başına noktalar gelecektir!">
<input type="button" value="bu buttonun yazısıdır!">
</body>
</html>
Genç,dinamik, enerjik. Bu 3 kelime beni anlatıyor !
