تعريف واستخدام
و name تحدد السمة اسم للعنصر.
هذه السمة اسم يمكن استخدامها للإشارة إلى عنصر في جافا سكريبت.
لعناصر النموذج كما أنها تستخدم كمرجع عند تقديم البيانات،
لعنصر iframe أنها يمكن أن تستخدم لاستهداف إرسال النموذج.
للعنصر الخريطة، و name يرتبط سمة مع <img>'s usemap السمة ويخلق علاقة بين الصورة والخريطة.
للعنصر الفوقية، و name تحدد السمة اسما للمعلومات / قيمة content السمة.
للعنصر المعلمة، و name يستخدم السمة مع value السمة لتحديد معلمات للالمساعد المحدد مع <object> العلامة.
ينطبق على
و name السمة يمكن استخدامها على العناصر التالية:
| عناصر | السمة |
|---|---|
| <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 |
أمثلة
مثال
زرين مع أسماء متساوية، التي تقدم قيم مختلفة عند النقر عليها:
<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>
انها محاولة لنفسك » Fieldset مثال
و <fieldset> مع name السمة:
<fieldset name="personalia">
Name: <input type="text"><br>
Email: <input type="text"><br>
</fieldset>
انها محاولة لنفسك » Form مثال
نموذج HTML مع name السمة:
<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>
انها محاولة لنفسك » Iframe مثال
و <iframe> التي تعمل كهدف لارتباط:
<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<a href="http://www.w3ii.com" target="iframe_a">w3ii.com</a>
انها محاولة لنفسك » Input مثال
نموذج HTML مع ثلاثة حقول الإدخال. حقلين نص واحد يقدم زر:
<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>
انها محاولة لنفسك » Keygen مثال
نموذج مع حقل كجن:
<form action="demo_keygen.asp" method="get">
Username: <input type="text" name="usr_name">
Encryption: <keygen name="security">
<input type="submit">
</form>
انها محاولة لنفسك » Map مثال
صورة الخريطة، مع المناطق القابلة للنقر عليها:
<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>
انها محاولة لنفسك » Meta مثال
استخدام name السمة لتعريف الوصف والكلمات الرئيسية، ومؤلف وثيقة HTML:
<head>
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,JavaScript">
<meta name="author" content="Hege Refsnes">
</head>
انها محاولة لنفسك » Object مثال
و <object> العنصر مع name السمة:
<object data="helloworld.swf" width="400" height="400"
name="obj1"></object> انها محاولة لنفسك » Output مثال
تنفيذ عملية حسابية وتظهر النتيجة في <output> العنصر:
<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>
انها محاولة لنفسك » Param مثال
تعيين "autoplay" معلمة "true" ، وبالتالي فإن الصوت سوف يبدأ اللعب في أقرب وقت تحميل الصفحة:
<object data="horse.wav">
<param name="autoplay" value="true">
</object>
انها محاولة لنفسك » Select مثال
قائمة منسدلة مع name السمة:
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
انها محاولة لنفسك » Textarea مثال
منطقة النص مع name السمة:
<form action="demo_form.asp">
<textarea name="comment">Enter text here...</textarea>
<input type="submit">
</form>
انها محاولة لنفسك » دعم المتصفح
و multiple السمة لديه دعم المتصفح التالي لكل عنصر من عناصر:
| العنصر | |||||
|---|---|---|---|---|---|
| button | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
| fieldset | نعم فعلا | غير معتمد | نعم فعلا | نعم فعلا | نعم فعلا |
| form | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
| iframe | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
| input | 1.0 | 2.0 | 1.0 | 1.0 | 1.0 |
| keygen | نعم فعلا | غير معتمد | نعم فعلا | 6.0 | نعم فعلا |
| map | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
| meta | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
| object | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
| output | 10.0 | غير معتمد | 4.0 | 5.1 | 11.0 |
| param | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
| select | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
| textarea | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |