Form ve Form Elemanları Parametre Listesi (Attributes)

Form elemlarına ek özellikler kazandırmak için kullanılan parametreler.
accept

 Belirli türde dosyaları almak için

<input type="file" name="myImage" accept="image/png, image/gif, image/jpeg" />
<input type="file" name="myImage" accept="image/*" />

 

autocomplate

Kredi kartı gibi bilgiler için kapalı olması gerekir.

<input autocomplete="off" name="autocomplete-test" type="text">
 
autofocus
<input autofocus="" name="autofocus-test" type="text">

 

placeholder
<input placeholder="veryhot@thesun.com" name="placeholder-test" type="text">

maxlength
<textarea name="maxlenth-test" maxlength="10"></textarea>
<input name="maxlenth-input-test" maxlength="10">

 

Form Parametreleri (Attributes)

 min

<input name="mintest" min="1" type="number">

 

max

<input name="maxtest" max="10" type="number">

Form Parametreleri (Attributes)

step

<input name="steptest" step="5" type="number">

 

  datalist

<input name="datalist-test" list="planetdata" type="text">
        <datalist id="planetdata">
                <option value="Earth">
                </option><option value="Venus">
                </option><option value="Mars">
                </option><option value="Fomalhaut b">
                </option><option value="HR 8799">
                </option>
        </datalist>

 

multiple

<input multiple="" type="file">

Form Parametreleri (Attributes)

 

<select name="aylar" multiple size="10">
       <option value="1">Ocak</option>
       <option value="2">Şubat</option>
</select>

   Form Parametreleri (Attributes)

required

<input required="" name="required-test" type="text">

Form Parametreleri (Attributes)

size
<select name="aylar" multiple size="10">
       <option value="1">Ocak</option>
       <option value="2">Şubat</option>
</select>

 

pattern

<input required="" pattern="[0-9][A-Z]" name="placeholder-test" type="text">

 

formnovalidate

<input formnovalidate="" name="formaction-test" type="submit">
 
 
<form action="/action_page.php" novalidate>

 
formaction

<input formaction="http://www.wufoo.com" name="formaction-test" type="submit">
<input type="submit" value="Gönder">
<input type="submit" formaction="islem2.html" value="Başka Gönder">

 

formmetod

<input formmethod="get" name="formaction-test" type="submit">

 

formtarget

<input formtarget="_blank" name="formaction-test" type="submit">

 

 formenctype

<input formenctype="application/x-www-form-urlencoded" name="formaction-test" type="submit">

 

 spellcheck

<input spellcheck="true" type="text">
<br>
<input spellcheck="false" type="text">

 

on

 Form Elemanın seçili gelmesini sağlar

<input type="checkbox" name="kutu1" checked="on" />
<input type="radio" name="cinsiyet" value="erkek" checked="on" />
 

Kaynak

 

 

 

 

Yorumunuzu Ekleyin


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