HTML Elemanlar Ve Örnekleri !
Merhaba bu konumda sizlere html elemanları (' metin kutusu , değer , e-mail kutusu , şifre kutusu') hem nasıl yapıldığına hem de nerelerde kullanıldığına değineceğiz. Bir çok sitenin vazgeçilmezi olan bu arkadaşlar ile bir çok işlevi yapabilir. Css ve Js gibi dillerle birleştirerek istediğiniz her şeyi yapabilirisiniz.
Neler Yapabiliriz ?
Aslında bir hiç gibi gözüken bu komutlarla JS ve Css'i birleştirdiğimizde neredeyse bir sitenin yarısı olabiliyor.
Örnek :
Seçim Kutuları , bu küçük kutular ile aslında yapabileceğiniz işlemi seçebilirsiniz :
Örnek olarak bu fotoğrafta ben 4. ile işleme devam etmek istiyorum seçim yazan yerde aklınıza gelebilecek her şey olabilir mesela kırmızı rengi seçip devam etmek gibi.
Giriş Kısmı !
Sitelere en çok eklenmek istenen bir parça olan giriş kısmı görünüş ve kullanım açısından bu elemanlar ile olmakta , e-mail kutusu , şifre kutusu ve buton geri kalanı JavaScript.
Menü !
Menü ile çok fazla olan seçimleri bir yerde toplayabilir geri kalanını ise kullanıcıya bırakabilirsiniz.
Tarihler !
Yaptığınız işlemi kayıt eden bir sistemde olmazsa olmaz tarihtir. Sitenizde kullanırken isterseniz otomatik belirtebilir isterseniz kendiniz elle seçerek belirtebilirsiniz.
Aslında çok basit duran bu kodlar ile yapabileceğinizin bir sınırı yok bunlar sadece çok basit örnekler.
Merhaba bu konumda sizlere html elemanları (' metin kutusu , değer , e-mail kutusu , şifre kutusu') hem nasıl yapıldığına hem de nerelerde kullanıldığına değineceğiz. Bir çok sitenin vazgeçilmezi olan bu arkadaşlar ile bir çok işlevi yapabilir. Css ve Js gibi dillerle birleştirerek istediğiniz her şeyi yapabilirisiniz.
HTML:
Sayı : <input type="number" min="0" max="100" step="1" value="0">
<br>
Tarih + Saat : <input type="datetime-local">
<br />
Ayarlanabilinir Değer : <input type="range" min="5" max="50" step="5">
<br>
Tarih : <input type="date" min="2020-10-25" max="2020-12-31" value="2020-10-25">
<br />
<input type="time"> = Saat
<br />
<input type="month"> = Ay + Yıl
<br />
Hafta : <input type="week">
<hr>
Menü = <select>
<option>Medu</option>
<option>MeduCopy</option>
</select>
<br />
<textarea>Çoklu metin</textarea>
<br>
Metin : <input type="text" /><br>
<hr>
<input type="reset">
<input type="submit" value="Gönder">
<input type="file">
Buton <input type="button" value="Tıkla"><br>
Doğrulama : <input type="checkbox"><br>
Seçim : <input type="radio"><br>
Renk Seçim : <input type="color">
<hr>
<input type="email" value="Eposta">
<br />
Şifre:<input type="password">
<br />
<input type="phone" value="Telofon">Neler Yapabiliriz ?
Aslında bir hiç gibi gözüken bu komutlarla JS ve Css'i birleştirdiğimizde neredeyse bir sitenin yarısı olabiliyor.
Örnek :
Seçim Kutuları , bu küçük kutular ile aslında yapabileceğiniz işlemi seçebilirsiniz :
Örnek olarak bu fotoğrafta ben 4. ile işleme devam etmek istiyorum seçim yazan yerde aklınıza gelebilecek her şey olabilir mesela kırmızı rengi seçip devam etmek gibi.
Giriş Kısmı !
Sitelere en çok eklenmek istenen bir parça olan giriş kısmı görünüş ve kullanım açısından bu elemanlar ile olmakta , e-mail kutusu , şifre kutusu ve buton geri kalanı JavaScript.
Menü !
Menü ile çok fazla olan seçimleri bir yerde toplayabilir geri kalanını ise kullanıcıya bırakabilirsiniz.
Tarihler !
Yaptığınız işlemi kayıt eden bir sistemde olmazsa olmaz tarihtir. Sitenizde kullanırken isterseniz otomatik belirtebilir isterseniz kendiniz elle seçerek belirtebilirsiniz.
Aslında çok basit duran bu kodlar ile yapabileceğinizin bir sınırı yok bunlar sadece çok basit örnekler.
Okuduğunuz için teşekkürler. Unutmayın Web Tasarımda sizi sınırlayan tek şey Hayal Gücünüzdür.
