Definition und Verwendung
Der name Attribut gibt einen Namen für das Element.
Dieser Name Attribut kann das Element in einem JavaScript Referenz verwendet werden.
Für Formelemente ist es auch als Referenz verwendet, wenn die Daten übermittelt,
Für iframe Element kann es verwendet werden, um ein Formular-Vorlage zum Ziel.
Für das Kartenelement, das name ist Attribut mit dem zugehörigen <img>'s usemap Attribut und schafft eine Beziehung zwischen dem Bild und der Karte.
Für die Meta - Element, das name legt Attribut einen Namen für die Information / Wert des content - Attribut.
Für das param - Element, das name ist Attribut zusammen mit dem verwendeten value Attribut Parameter für das Plugin mit dem angegebenen angeben <object> -Tag.
Gilt für
Der name Attribut kann über die folgenden Elemente verwendet werden:
| Elements | Attribut |
|---|---|
| <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 |
Beispiele
Beispiel
Zwei Tasten mit dem gleichen Namen, die verschiedene Werte vorzulegen, wenn darauf geklickt:
<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>
Versuch es selber " Fieldset Beispiel
A <fieldset> mit einem name Attribut:
<fieldset name="personalia">
Name: <input type="text"><br>
Email: <input type="text"><br>
</fieldset>
Versuch es selber " Form Beispiel
Ein HTML - Formular mit einem name Attribut:
<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>
Versuch es selber " Iframe Beispiel
Ein <iframe> , die für einen Link als Ziel handeln:
<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<a href="http://www.w3ii.com" target="iframe_a">w3ii.com</a>
Versuch es selber " Input
Ein HTML-Formular mit drei Eingabefeldern; zwei Textfelder und ein Submit-Button:
<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>
Versuch es selber " Keygen Beispiel
Ein Formular mit einem keygen Feld:
<form action="demo_keygen.asp" method="get">
Username: <input type="text" name="usr_name">
Encryption: <keygen name="security">
<input type="submit">
</form>
Versuch es selber " Map Beispiel
Ein Bild-Karte, mit anklickbaren Bereichen:
<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>
Versuch es selber " Meta Beispiel
Verwenden Sie den name Attribut eine Beschreibung, Keywords und den Autor eines HTML - Dokuments zu definieren:
<head>
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,JavaScript">
<meta name="author" content="Hege Refsnes">
</head>
Versuch es selber " Object
Ein <object> Element mit einem name Attribut:
<object data="helloworld.swf" width="400" height="400"
name="obj1"></object> Versuch es selber " Output
Führen Sie eine Berechnung und zeigen das Ergebnis in einem <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>
Versuch es selber " Param Beispiel
Stellen Sie die "autoplay" Parameter auf "true" , so der Ton beginnt, sobald die Seite geladen spielen:
<object data="horse.wav">
<param name="autoplay" value="true">
</object>
Versuch es selber " Select Beispiel
Eine Dropdown-Liste mit einem name Attribut:
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
Versuch es selber " Textarea Beispiel
Ein Textbereich mit einem name Attribut:
<form action="demo_form.asp">
<textarea name="comment">Enter text here...</textarea>
<input type="submit">
</form>
Versuch es selber " Browser-Unterstützung
Das multiple Attribut hat die folgende Browser - Unterstützung für jedes Element:
| Element | |||||
|---|---|---|---|---|---|
| button | ja | ja | ja | ja | ja |
| fieldset | ja | Nicht unterstützt | ja | ja | ja |
| form | ja | ja | ja | ja | ja |
| iframe | ja | ja | ja | ja | ja |
| input | 1.0 | 2.0 | 1.0 | 1.0 | 1.0 |
| keygen | ja | Nicht unterstützt | ja | 6.0 | ja |
| map | ja | ja | ja | ja | ja |
| meta | ja | ja | ja | ja | ja |
| object | ja | ja | ja | ja | ja |
| output | 10.0 | Nicht unterstützt | 4.0 | 5.1 | 11.0 |
| param | ja | ja | ja | ja | ja |
| select | ja | ja | ja | ja | ja |
| textarea | ja | ja | ja | ja | ja |