14 Mayıs
2011<html> <title></title> <body> <embed src = "Müzik adı.uzantısı" autostart = true hidden = true> </body> </html>
14 Mayıs
2011Selamlar,
Bu dersimizde HTML form elemanlarını anlatacağım. Bunlar input, textarea, select ve label olmak üzere 4 kısımda incelenebilir.
Öncelikle şunu bilmenizde yarar var: Form elemanlarını kullanmak ve elemanlardan veri aktarımları için bir form alanı oluşturmanız gerekmektedir.
Örneğin;[php]
<pre><form name="form_ismi" action="url.php" method="post">
<!– Form elemanları bu yorum aralığına yazılır –>
</form></pre>
[/php]
- action=”url.php” – Bu özellik ile hangi sayfaya veya adrese yönlendirileceğini belirtiriz.
- method=”post” – Bu özellik sayesinde sayfanın hangi metod ile gönderileceğini belirtiriz. Bunlar post, get ve request olarak 3 tanedir.
- name=”isim” – Bu özellik ile forma bir isim veririz.
Form elemanlarını inceliyoruz şimdide;
[php]
<pre><label>Metin alanı oluşturur.</label>
<input name="isim" type="tür" value="içerik metni" />[/php]
Gelelim input elemanının özelliklerine;
- name=”isim” – Elemana bir isim vermek için kullanırız.
- type=”tür”- Elemanın türünü belirtiriz. Örneğin; buton, metin kutusu vs.
- value=”içerik” – Elemana bir değer atayabiliriz. Örneğin; metin kutusu içeriği, buton yazısı vs.
Şimdi gelelim input elemanının type(tür) özelliğine. Bunlar nelerdir;
- text – Metin kutusu oluşturmak içi kullanılır.
- button – Buton oluşturmak için kullanılır.
- reset – Formu temizlemek için bir buton oluşturur.
- checkbox – Çoklu seçim kutusu oluşturur.
- radio – Tekli seçim kutusu oluşturur.
- file – Dosya seçme ve yükleme aracı oluşturur.
- password – İçeriği gizli metin kutusu oluşturur ve genelde şifre girmek için kullanılır.
- hidden – Gizli bir form elemanı oluşturur.
[php]<textarea name="isim">Zengin metin kutusu</textarea>[/php]
Zengin metin kutusunda bir alt satıra vs. geçebilirsiniz. Normal metin kutusundan çok farkı yoktur ve kullanımı farklıdır. Ama yazının çok yazılacağı yerlerde bu zengin metin kutusu kullanılır. Önemli olan 2 özelliği vardır. Bunlar nelerdir;
- cols=”50″ – Zengin metin kutusunun enine olan uzantısını rakam ile belirtiriz.
- rows=”20″ – Zengin metin kutusunun boyuna olan uzantısını rakam ile belirtiriz.
[php]
<pre><select name="isim">
<option value="değer1">Menü 1</option>
<option value="değer2">Menü 2</option>
<option value="değer3">Menü 3</option>
</select></pre>
[/php]
Yukarıdaki select ve option etiketleri açılır menü oluşturmamıza yarar. Kullanımı şöyledir;
[php] <select name="isim"></select>
<!– elemanı ile açılır menüsünün ismini belirterek bir açılır menü oluşturuyoruz. –>[/php]
[php]<option value="değer">İçerik</option>
<!– elemanları ile açılır menü’nün içerikleri belirtilir ve elemanlara value="değer" özelliği ile bir değer atanır. –>[/php]
Birde örnek yapalım;
[php]
<pre><form name="frm_kayit" action="kayit.php" method="post">
<label>Kullanıcı Adı<br />
<input name="txt_kullaniciadi" type="text" />
</label>
<label>Şifre<br />
<input name="txt_sifre" type="password" />
</label>
<label>Hobiler<br />
<textarea name="txtarea_hobiler"></textarea>
</label>
<select name="slct_meslek">
<option value="ogrenci">Öğrenci</option>
<option value="bilgisayar">Bilgisayar</option>
<option value="muhasebeci">Muhasebeci</option>
</select>
</form>[/php]
14 Mayıs
2011Nedir HTML5?
Biliyorsunuz web sayfaları tarihi HTML dili ve iframe komutlarıyla bu zamana kadar gelişti ve artık HTML’e alternatif birçok dinamik diller bu süreçte inşaa edildi. Artık herkes web sayfalarının dinamizmini bir dinamik dille inşaa ediyor ve bunun yanında birçok dillerden de faydalanıyor. Bunların en başında jQuery, Javascript ve CSS gibi alternatif diller doğdu. Bu kadar çok dili bir web sayfası projesinde kullanmak artık sıradan olur hale geldi. Ve bunların yanında HTML tagları da üvey bir dil gibi geriden kullanılmaya başlandı. Yine web sayfalarında Microsoft tarafından geliştirilen Silverlight ve Adobe’nin yıllardır rağbet gören Flash ve Actionscript’i de bir web sayfasında olmazsa olmaz hale gelmeye başladı. Hal böyle olunca HTML’e destek vermek için HTML5 dilini öne sürdüler.
Yeni gelen özellikleri inceleyecek olursak;
1. Çizim tuvali elamanı
2. Video ve diğer medyalar için playback (oynatıcı)
3. Yerel depolama için daha iyi destek
4. Makale, alt bilgi, üst bilgi, etiket gibi bilgi veren iç elemanlar
5. Takvim, tarih, saat, email, url ve arama formları gibi kolaylık sağlayan otomatik formlar.
gibi özellikler getirildi. Ve bu özellikler kimi yazılımcılar için cazip gelmeye başlıyor. Bu özelliklerin yanında HTML5 dilinin gelmesiyle biz developer’ların işine yarayan bazı şeyler de oldu:
Şu an HTML5′i destekleyen tarayıcılar içerisinde Safari, Chrome, Firefox, Opera’nın son sürümleri, hala eksikleri olsa da bazı HTML5 özelliklerini destekler oldu. Yakın zamanda çıkan Internet Explorer 9 da HTML5′i büyük bir ölçüde destekliyor.
tarzında bir çok vektörel ve grafiksel işlemleri JavaScript’in de yardımıyla HTML5 ile yapabilmek mümkün. Öyle görünüyor ki HTML5 önümüzdeki 10 sene içinde çok konuşulacak.
