INPUT Tagı Nasıl Kullanılır?

HTML Formlarında en çok kullanılan Taglardan birisidir. Genellikle kullanıcıdan bilgi almak için kullanılırlar.

 İnput Tipleri type="text":

<form action="bir.php" enctype="multipart/form-data" method="post">
            
    Adı: <input type="text" name="ad" />
    Soyadı: <input type="text" name="soyad" />
            
</form>

INPUT Tagı Nasıl Kullanılır?

 İnput Tipleri type="button":

<form action="bir.php" enctype="multipart/form-data" method="get">
            
      Adı: <input type="text" name="ad" value="Adınızı yazınız" />
      Soyadı: <input type="text" name="soyad" value="Soyadınızı yazınız" />
            
      <input type="button" value="Kaydet" onclick="submit()" />
            
</form>

 INPUT Tagı Nasıl Kullanılır?

/bir.php?ad=Deniz&soyad=Kurt

  İnput Tipleri type="checkbox":

<form action="bir.php" enctype="multipart/form-data" method="get">
            
            <ul>
                <li><input type="checkbox" name="ilkokul" />İlkokul </li>
                <li><input type="checkbox" name="ortaokul" />Ortaokul </li>
                <li><input type="checkbox" name="lise" />Lise </li>
                <li><input type="checkbox" name="universite" />Üniversite </li>
                <li><input type="button" value="Gönder" onclick="submit()" /></li>
            </ul>

</form>

 INPUT Tagı Nasıl Kullanılır?
  İnput Tipleri type="file":

<input type="file" name="dosya" value="Yolla" />

  INPUT Tagı Nasıl Kullanılır?
  İnput Tipleri type="hidden":

<input type="hidden" name="saat" value="18:20" />

 İnput Tipleri type="image":

<input type="image" name="saat" src="web-design-2014.jpg" />


month
number

İnput Tipleri type="password":

Şifre: <input type="password" name="sifresi" placeholder="Şifrenizi yazınız" />

INPUT Tagı Nasıl Kullanılır? 
İnput Tipleri type="radio":

            <ul>
                <li><input disabled="disabled" type="radio" name="okul" value="ilkokul" /> İlkokul Mezunu</li>
                <li><input type="radio" name="okul" value="ortaokul" /> Ortaokul Mezunu</li>
                <li><input type="radio" name="okul" value="lise" /> Lise Mezunu</li>
                <li><input type="radio" name="okul" value="universite" /> Üniversite Mezunu</li>
            </ul>
           
            <input type="submit" value="Gönder" class="dugme1" />

  INPUT Tagı Nasıl Kullanılır?

range

İnput Tipleri type="reset":

<input type="reset" value="Temizle" />

 
search
 

 İnput Tipleri type="submit":

<input type="submit" value="Gönder" />

 
tel

time
url
week 

Özellikler

New : New in HTML5.

Attribute Value Description
accept audio/*
video/*
image/*
MIME_type
Specifies the types of files that the server accepts (only for type="file")
align left
right
top
middle
bottom
Not supported in HTML5. Deprecated in HTML 4.01. Specifies the alignment of an image input (only for type="image")
alt text Specifies an alternate text for images (only for type="image")
autocompleteNew on
off
Specifies whether an <input> element should have autocomplete enabled
autofocusNew autofocus Specifies that an <input> element should automatically get focus when the page loads
checked checked Specifies that an <input> element should be pre-selected when the page loads (for type="checkbox" or type="radio")
disabled disabled Specifies that an <input> element should be disabled
formNew form_id Specifies one or more forms the <input> element belongs to
formactionNew URL Specifies the URL of the file that will process the input control when the form is submitted (for type="submit" and type="image")
formenctypeNew application/x-www-form-urlencoded
multipart/form-data
text/plain
Specifies how the form-data should be encoded when submitting it to the server (for type="submit" and type="image")
formmethodNew get
post
Defines the HTTP method for sending data to the action URL (for type="submit" and type="image")
formnovalidateNew formnovalidate Defines that form elements should not be validated when submitted
formtargetNew _blank
_self
_parent
_top
framename
Specifies where to display the response that is received after submitting the form (for type="submit" and type="image")
heightNew pixels Specifies the height of an <input> element (only for type="image")
listNew datalist_id Refers to a <datalist> element that contains pre-defined options for an <input> element
maxNew number
date
Specifies the maximum value for an <input> element
maxlength number Specifies the maximum number of characters allowed in an <input> element
minNew number
date
Specifies a minimum value for an <input> element
multipleNew multiple Specifies that a user can enter more than one value in an <input> element
name text Specifies the name of an <input> element
patternNew regexp Specifies a regular expression that an <input> element's value is checked against
placeholderNew text Specifies a short hint that describes the expected value of an <input> element
readonly readonly Specifies that an input field is read-only
requiredNew required Specifies that an input field must be filled out before submitting the form
size number Specifies the width, in characters, of an <input> element
src URL Specifies the URL of the image to use as a submit button (only for type="image")
stepNew number Specifies the legal number intervals for an input field
type button
checkbox
color
date
datetime
datetime-local
email
file
hidden
image
month
number
password
radio
range
reset
search
submit
tel
text
time
url
week
Specifies the type <input> element to display
value text Specifies the value of an <input> element
 
widthNew pixels Specifies the width of an <input> element (only for type="image")

 

Kaynak

 

 

Yorumunuzu Ekleyin


Yükleniyor...
Yükleniyor...