Ultimele tutoriale de dezvoltare web
 

HTML name Attribute


Definiție și utilizare

name atribut specifica un nume pentru elementul.

Acest atribut nume poate fi utilizat pentru a face referire elementul într-un JavaScript.

Pentru elemente de formular este, de asemenea, utilizat ca referință atunci când este transmis datele,

Pentru elementul iframe poate fi utilizat pentru a viza trimiterea unui formular.

Pentru elementul hartă, name atribut este asociat cu <img>'s usemap atribut și creează o relație între imaginea și harta.

Pentru elementul meta, name atribut specifica un nume pentru informații / valoarea content atributului.

Pentru elementul param, name atribut este utilizat împreună cu value atributului pentru a specifica parametrii pentru plugin specificat cu <object> tag.


Se aplică la

name atribut poate fi utilizat pe următoarele elemente:

element Atribut
<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

Exemple

Exemplu

Două butoane cu nume egale, care prezintă valori diferite atunci cand este apasat:

<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>
Încearcă - l singur »

Fieldset Exemplu

A <fieldset> cu un name de atribut:

<fieldset name="personalia">
  Name: <input type="text"><br>
  Email: <input type="text"><br>
</fieldset>
Încearcă - l singur »

Form Exemplu

Un formular HTML cu un name de atribut:

<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>
Încearcă - l singur »

Iframe Exemplu

O <iframe> , care acționează ca o țintă pentru un link:

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

<a href="http://www.w3ii.com" target="iframe_a">w3ii.com</a>
Încearcă - l singur »

Input Exemplu

Un formular HTML cu trei câmpuri de intrare; două câmpuri de text și un buton de trimitere:

<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>
Încearcă - l singur »

Keygen Exemplu

Un formular cu un câmp keygen:

<form action="demo_keygen.asp" method="get">
  Username: <input type="text" name="usr_name">
  Encryption: <keygen name="security">
  <input type="submit">
</form>
Încearcă - l singur »

Map Exemplu

O imagine hartă, cu zone de clickable:

<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>
Încearcă - l singur »

Meta Exemplu

Utilizați name atributului pentru a defini o descriere, cuvinte cheie, și autorul unui document HTML:

<head>
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,JavaScript">
<meta name="author" content="Hege Refsnes">
</head>
Încearcă - l singur »

Object Exemplu

Un <object> Element cu un name de atribut:

<object data="helloworld.swf" width="400" height="400" name="obj1"></object>
Încearcă - l singur »

Output Exemplu

Efectuați un calcul și arată rezultatul într - un <output> Element:

<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>
Încearcă - l singur »

Param Exemplu

Setați "autoplay" parametru la "true" , astfel încât sunetul va începe redarea imediat ce încarcă pagina:

<object data="horse.wav">
  <param name="autoplay" value="true">
</object>
Încearcă - l singur »

Select Exemplu

O listă verticală cu un name de atribut:

<select name="cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
Încearcă - l singur »

Textarea Exemplu

O zonă de text cu un name de atribut:

<form action="demo_form.asp">
  <textarea name="comment">Enter text here...</textarea>
  <input type="submit">
</form>
Încearcă - l singur »

Suport pentru browser-

multiple atribut are următorul suport de browser pentru fiecare element:

Element
button da da da da da
fieldset da Nu sunt acceptate da da da
form da da da da da
iframe da da da da da
input 1.0 2.0 1.0 1.0 1.0
keygen da Nu sunt acceptate da 6 da
map da da da da da
meta da da da da da
object da da da da da
output 10.0 Nu sunt acceptate 4 5.1 11.0
param da da da da da
select da da da da da
textarea da da da da da