HTML Form (Uygulama 4)

<html>
<head>
<title>Uygulama 4 </title>
</head>
<body>
<h1>Başlık 1</h1>
<h2>Başlık 2</h2>
<h3>Başlık 3</h3>
<h4>Başlık 4</h4>
<h5>Başlık 5</h5>
<h6>Başlık 6</h6>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ultricies metus ligula, a varius nibh condimentum eu. In congue ac elit a aliquet. Suspendisse fermentum at dolor ut tempor. Quisque dapibus commodo iaculis. Vivamus orci ligula, blandit nec facilisis vestibulum, bibendum at risus. Phasellus mauris risus, lobortis vel elementum sit amet, interdum et lectus. Quisque et ultrices sem, vitae sagittis est. Nullam egestas, magna molestie auctor consequat, dui mi scelerisque diam, quis pulvinar neque mauris vestibulum elit. Nulla viverra enim sed odio euismod, sit amet commodo quam mattis. Sed quam lectus, ultricies in pulvinar vel, tristique sed turpis. Curabitur magna velit, cursus ultricies tincidunt et, viverra sit amet nisi. Nunc ac eros bibendum, mollis libero sit amet, ornare lacus. Duis sagittis vel lorem in dapibus. Pellentesque malesuada justo mi, at dignissim libero dapibus vel.

<p>Maecenas suscipit ornare semper. Ut vitae lacus ut justo malesuada rutrum. Morbi a massa sed tortor tempus malesuada. Maecenas tincidunt nisl justo, vel euismod lorem convallis a. Donec pharetra malesuada magna quis interdum. Donec vel diam eleifend, ullamcorper lorem non, sodales urna. Pellentesque fringilla placerat lectus, a malesuada justo ullamcorper sit amet. Aenean quis convallis odio. Duis faucibus tellus urna. Fusce non ornare sapien. Donec laoreet, justo et ornare pellentesque, enim elit dictum purus, vitae venenatis lacus turpis sed purus. Integer libero tellus, semper sit amet consequat non, rhoncus quis dolor. Suspendisse ut condimentum est.

<p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Morbi eget mi viverra tortor adipiscing porttitor in sed nisl. Donec vehicula eget leo at pharetra. Integer rutrum aliquet tellus cursus pretium. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec iaculis nibh laoreet odio tempus iaculis. Nulla sed nibh auctor, ultrices leo sit amet, accumsan nunc.

<p>Curabitur convallis diam turpis, non sagittis eros eleifend varius. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin elit odio, consectetur eu quam sit amet, ultrices consequat orci. Nam leo nunc, posuere vitae dui euismod, pretium convallis enim. Phasellus a arcu lectus. Quisque vitae sollicitudin nisl. Duis dignissim pellentesque hendrerit. Donec porta blandit lectus, nec suscipit est ultrices vitae. Sed vel leo nunc. In eget sagittis lacus. Ut facilisis odio ut sapien feugiat, et pellentesque libero ullamcorper. Proin egestas enim ipsum. Duis porttitor volutpat tristique. Curabitur consectetur ligula at augue rhoncus, sed pellentesque massa suscipit. Maecenas tempor mi lacus, vel tincidunt mauris tincidunt nec.

<p>Nullam dapibus dolor ut laoreet tempor. Maecenas sapien lacus, ullamcorper non adipiscing vel, interdum non lectus. Curabitur gravida, risus id convallis porta, nibh nisl imperdiet metus, ac gravida diam elit eget sapien. Fusce egestas fermentum ligula. Curabitur cursus leo velit, porttitor sodales diam ultricies ultrices. Aliquam porta nulla sit amet arcu vehicula convallis. Phasellus congue nec est eget vulputate. Sed aliquet accumsan eros, id interdum tellus pulvinar non. Donec malesuada odio non augue congue, eget rutrum lectus interdum. Nunc aliquet eget dui et scelerisque. Sed vehicula nisi eget diam tincidunt, ac hendrerit nulla aliquam. Quisque non dui ac turpis congue imperdiet eu ut nunc.
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Morbi semper quam eget luctus auctor.</li>
<li>Nunc vulputate dolor at ultrices sodales.</li>
<li>Nulla feugiat est aliquet gravida consectetur.</li>
<li>Phasellus semper nisi ut sagittis posuere.</li>
</ul>
<ol>
<li>Aliquam porta elit nec nunc tincidunt dictum.</li>
<li>Aliquam et orci consectetur, tempus mauris ornare, elementum tortor.</li>
<li>Pellentesque fermentum nisi non quam pulvinar bibendum.</li>
<li>Donec consectetur dolor ut velit ultricies cursus.</li>
<li>Nulla et augue eget ipsum ultricies condimentum eu vitae enim.</li>
</ol>
<hr>
<li>Etiam tincidunt lorem facilisis tincidunt sagittis.</li>
<li>Pellentesque id ante at est pellentesque tempor eget sit amet nisl.</li>
<li>Suspendisse eu quam egestas, porta justo nec, venenatis elit.</li>
<li>Suspendisse dictum ante eget lectus tempor feugiat.</li>
<li>Ut porta mi quis porta tincidunt.</li>
</hr>
<h2>HTML Formlar</h2>
<form action =”” name=”irtibat ” method=”get”>
<label for =”adi”>Adı Soyadı : </label>
<input type=”text” name =”adi” /><hr/>
<label for =”cins”>Cinsiyet : </label>
<p>Erkek<input type=”radio” name =”cins” value=”Erkek” checked=”checked” />
<p>Kadın<input type=”radio” name =”cins” value=”Kadın” /></p> <hr/>
<label for =”hobi” >Hobileriniz: </label>
<p>Futbol<input type =”checkbox”name=”hobi” value=”futbol” />
<p>Sinema<input type =”checkbox”name=”hobi” value=”futbol” />
<p>Seyehat<input type =”checkbox”name=”hobi” value=”seyehat” />
<p>Yürüyüş<input type =”checkbox”name=”hobi” value=”yürüyüş” /></p><hr/>
<labek for =”taraftar”>Hangi takımlısınız?</label>
<select name =”taraftar”>
<option value “sivasspor”selected=”selected”>Sivasspor</option>
<option value “denizlispor”Denizlispor</option>
<option value “samsunspor”samsunspor</option>
<option value “manisaspor”manisaspor</option>
<option value “kayserispor”Kayserispor</option>
</select><hr/>
<input type =”submit” name = “gonder” value =”Gönder”/>
<input type =”reset” name = “sifirla” value =”Sıfırla”/>
</form>
</bodY>
</html>

NE ANLADIK NE ÖĞRENDİK!

 

<get> ve <post> metodu

GET

GET metodunda formlara girilen bilgiler adres çubuğunda gönderilirken görünürler. Formlara girilen bilgiler, sayfa adresinin sonuna şu şekilde eklenir.

http://www.site.com/sayfa.php?form1=değer1&form2=değer2&&#8230;

POST

Bu metodda formlara girilen bilgiler gönderilirken görünmemektedir. Bundan dolayı daha güvenlir.

http://www.site.com Gibi

RADİO

<input type=”radio”> bir radyo düğmesi tanımlar. Radyo düğmeleri bir kullanıcı seçenek sınırlı sayıda TEK seçin bakalım:

PASSWORD

<input type=”password”> bir şifre alanı tanımlar.

parola alanına karakter (yıldız veya daireler olarak gösterilmiştir) maskelenir.

CHECKBOX

<input type=”checkbox”> bir onay kutusu tanımlar. Kutularını bir kullanıcı seçenek sınırlı sayıda SIFIR veya Daha fazla seçeneklerini belirlemenize olanak verir.

TEXT

<input type=”text”> bir kullanıcı metin girebileceği bir tek satırlık giriş alanı tanımlar.

İNPUT

<input> Elemanı kullanıcı bilgileri seçmek için kullanılır.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s