HTML Alfabetik
HTML Standart Özellikler
HTML Olay Özellikleri
HTML Dil Kodları
HTML Doctype
<!-- ... -->
<!DOCTYPE>
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article>
<aside>
<audio>
<b>
<base>
<basefont>
<bdi>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<command>
<datalist>
<dd>
<del>
<details>
<dfn>
<dir>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<font>
<footer>
<form>
<frame>
<frameset>
<h1> ... <h6>
<head>
<header>
<hgroup>
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<kbd>
<keygen>
<label>
<legend>
<li>
<link>
<map>
<mark>
<menu>
<meta>
<meter>
<nav>
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<pre>
<progress>
<q>
<rp>
<rt>
<ruby>
<s>
<samp>
<script>
<section>
<select>
<small>
<source>
<span>
<strike>
<strong>
<style>
<sub>
<summary>
<sup>
<table>
<tbody>
<td>
<textarea>
<tfoot>
<th>
<thead>
<time>
<title>
<tr>
<track>
<tt>
<u>
<ul>
<var>
<video>
<wbr>
Örnek
<form action="demo.php">
Kullanıcı Adı: <input type="text" name="kullanici">
<input type="submit" value="Gönder">
</form>
<input> type özelliğini popüler tüm tarayıcılar desteklemektedir. Ancak, farklı type değerlerinin tarayıcı uyumlarını görmek için aşağıdaki bölümlere göz atın.
Type özelliği giriş alanının görüntelenme türünü belirtir.
Varsayılan değer "text"'dir
HTML5 ile bazı yeni değerler gelmiştir: color, date, datetime, datetime-local, month, week, time, email, number, range, seacrh, tel ve url.
<input type=" değer ">
| Değer | Tanım |
|---|---|
| button | Tıklanabilir düğme tanımlar. |
| checkbox | Onay kutusu tanımlar. |
| color | Renk seçici tanımlar. |
| date | Tarih kontrolü tanımlar.(Saat hariç) |
| datetime | Tarih ve saat kontrolü tanımlar. |
| datetime-local | Tarih ve saat kontrolü tanımlar. |
| E-posta adresi tanımlar. | |
| file | Bir dosya seçin (Gözat) tanımlar.(Dosya yüklemeleri için) |
| hidden | Gizli giriş alanı tanımlar. |
| image | Submit için bir görüntü tanımlar. |
| month | Ay ve yıl kontrolü tanımlar. |
| number | Sayı girilmesi için bir alan tanımlar. |
| password | Parola alanı tanımlar.(Girilen karakterler gizlenir.a) |
| radio | Radyo düğmesi tanımlar. |
| range | Kaydırma çubuğu (slider) tanımlar |
| reset | Sıfırla düğmesi tanımlar. (reset) |
| search | Arama için metin alanı tanımlar. |
| submit | Gönder butonu tanımlar. (submit) |
| tel | Telefon numarası girmek için bir alan tanımlar. |
| text | Varsayılan. Tek satırlık metin alanı tanımlar. (Varsayılan genişlik 20) |
| time | Saat dilimi tanımlar. |
| url | URL girmek için bir alan tanımlar. |
| week | Hafta ve yıl kontrolü tanımlar. |
Input type: button
Örnek
<input type="button" value="Buton" onclick="uyari()">
Input type: checkbox
Örnek
<input type="checkbox" name="araclar" value="Bisiklet"> Bisiklet<br>
<input type="checkbox" name="araclar" value="Araba"> Araba
Input type: color
Örnek
Sevdiğiniz rengi seçin: <input type="color" name="renkler">
Input type: date
Örnek
Doğum tarihiniz: <input type="date" name="dgunu">
Input type: datetime
Örnek
Tarih seçin(tarih ve zaman): <input type="datetime" name="dgunudt">
Input type: datetime-local
Örnek
Tarih seçin(tarih ve zaman): <input type="datetime-local" name="dgunudtl">
Input type: email
Örnek
E-posta: <input type="email" name="eposta">
Input type: file
Örnek
Bir dosya seçin: <input type="file" name="resim">
Input type: hidden
Örnek
<input type="hidden" name="ulke" value="Türkiye">
Input type: image
Örnek
<input type="image" src="gonder.png" alt="Gönder">
Input type: month
Örnek
Doğumgünün(ay ve yıl): <input type="month" name="dgunuay">
Input type: number
Örnek
Seçim(1 ile 5 arası): <input type="number" name="secim" min="1" max="5">
Input type: password
Örnek
<input type="password" name="sifre">
Input type: radio
Örnek
<input type="radio" name="cinsiyet" value="bay"> Bay<br>
<input type="radio" name="cinsiyet" value="bayan"> Bayan
Input type: range
Örnek
<input type="range" name="secim" min="1" max="10">
Input type: reset
Örnek
<input type="reset">
Input type: search
Örnek
<input type="search" name="googlearama">
Input type: submit
Örnek
<input type="submit">
Input type: tel
Örnek
Telefon Numaranız: <input type="tel" name="telno">
Input type: text
Örnek
İsminiz: <input type="text" name="fisim">
Soyisminiz: <input type="text" name="fsisim">
Input type: time
Örnek
Zaman Seçin: <input type="time" name="zaman">
Input type: url
Örnek
Favori sayfanızı ekleyin: <input type="url" name="favori">
Input type: week
Örnek
Hafta Seçin: <input type="week" name="hafta">
HTML Referansları