En son web geliştirme öğreticiler
 

HTML name Attribute

❮ Önceki Sonraki ❯

Tanımı ve Kullanımı

name niteliği elemanı için bir ad belirtir.

Bu ad özniteliği bir JavaScript öğeye başvuru kullanılabilir.

veri gönderildiğinde, kalıp elemanları için aynı zamanda bir referans olarak kullanılmıştır,

iframe öğesi için bir form gönderimini hedeflemek için kullanılabilir.

Harita öğesi için, name özniteliği ile ilişkilidir <img>'s usemap özniteliği ve görüntü ve haritası arasındaki ilişkiyi oluşturur.

Meta öğesi için, name öznitelik bilgi / değeri için adını belirtir content özniteliği.

Param öğesi için, name özniteliği ile birlikte kullanılır value ile belirtilen eklenti parametrelerini belirtmek için öznitelik <object> etiketi.

Geçerli

name özniteliği aşağıdaki unsurları kullanılabilir:

Elementler nitelik
<button> name
<fieldset> name
<form> name
<iframe> name
<input> name
<keygen> name
<map> name
<meta> name
<object> name
<output> name
<param> name
<select> name
<textarea> name

Örnekler

Örnek

tıklandığında farklı değerler teslim eşit adları ile İki düğme:

<form action="demo_form.asp" method="get">
  Choose your favorite subject:
  <button name="subject" type="submit" value="HTML">HTML</button>
  <button name="subject" type="submit" value="CSS">CSS</button>
</form>
Kendin dene "

Fieldset Örnek

A <fieldset> bir ile name özniteliği:

<fieldset name="personalia">
  Name: <input type="text"><br>
  Email: <input type="text"><br>
</fieldset>
Kendin dene "

Form Örneği

Bir ile bir HTML formu name özniteliği:

<form action="form_action.asp" method="get" name="myForm">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="button" onclick="formSubmit()" value="Send form data!">
</form>
Kendin dene "

Iframe Örnek

Bir <iframe> bir bağlantı için bir hedef olarak hareket etmeleridir:

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>

<a href="http://www.w3ii.com" target="iframe_a">w3ii.com</a>
Kendin dene "

Input Örnek

Üç giriş alanları ile bir HTML formu; İki metin alanları ve bir Gönder düğmesi:

<form action="demo_form.asp">
  Name: <input type="text" name="fullname"><br>
  Email: <input type="text" name="email"><br>
  <input type="submit" value="Submit">
</form>
Kendin dene "

Keygen Örnek

Bir keygen alanı ile bir form:

<form action="demo_keygen.asp" method="get">
  Username: <input type="text" name="usr_name">
  Encryption: <keygen name="security">
  <input type="submit">
</form>
Kendin dene "

Map Örneği

tıklanabilir alanlar ile bir görüntü haritası,:

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
  <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
  <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
Kendin dene "

Meta Örnek

Kullan name açıklamasını, anahtar kelimeleri ve bir HTML belgesinin yazarı tanımlamak için öznitelik:

<head>
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,JavaScript">
<meta name="author" content="Hege Refsnes">
</head>
Kendin dene "

Object Örnek

Bir <object> öğesi ekleyin name özniteliği:

<object data="helloworld.swf" width="400" height="400" name="obj1"></object>
Kendin dene "

Output Örnek

Bir hesaplama yapın ve bir sonuç göster <output> elemanı:

<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
  <input type="range" id="a" value="50">100
  +<input type="number" id="b" value="50">
  =<output name="x" for="a b"></output>
</form>
Kendin dene "

Param Örnek

Set "autoplay" parametresini "true" ses sayfa yüklenirken kısa sürede çalmaya başlar, böylece:

<object data="horse.wav">
  <param name="autoplay" value="true">
</object>
Kendin dene "

Select Örnek

Bir içeren bir açılır liste name özniteliği:

<select name="cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
Kendin dene "

Textarea Örnek

Bir içeren bir metin alanı name özniteliği:

<form action="demo_form.asp">
  <textarea name="comment">Enter text here...</textarea>
  <input type="submit">
</form>
Kendin dene "

Tarayıcı Desteği

multiple özellik, her element için şu tarayıcı desteği vardır:

Eleman
button Evet Evet Evet Evet Evet
fieldset Evet Desteklenmiyor Evet Evet Evet
form Evet Evet Evet Evet Evet
iframe Evet Evet Evet Evet Evet
input 1.0 2.0 1.0 1.0 1.0
keygen Evet Desteklenmiyor Evet 6 Evet
map Evet Evet Evet Evet Evet
meta Evet Evet Evet Evet Evet
object Evet Evet Evet Evet Evet
output 10.0 Desteklenmiyor 4.0 5.1 11.0
param Evet Evet Evet Evet Evet
select Evet Evet Evet Evet Evet
textarea Evet Evet Evet Evet Evet
❮ Önceki Sonraki ❯