‎‎ويژگيHTML name

Previous >    <Next  

‎‎تعريف وكاربردDefinition and Usag -‎

‎ويژگي‎name‎ نامي را براي عنصر HTML مشخص ميكند .اين ويژگي ميتواند توسط ‎جاوااسكريپت با ارجاع به آن مورد استفاده قرار گيرد.

‎‎ويژگي‎name‎در فرم هنگام ارسال اطلاعات ازآن بعنوان مرجع استفاده ميشود .

‎‎ويژگي‎name‎ در عنصر‎<ifram>‎ بعنوان هدف در ارسال فرم استفاده كرد.

‎ويژگي‎name‎درعنصر‎<map>‎ را براي ايجاد ارتباط بين تصوير ‎ونقشه تصويري استفاده نمود.

‎ويژگي‎name‎ در عنصر‎<meta>‎ نامي براي محتوي ويژگيcontent ‎.‎مشخص ميكند.

‎ويژگي‎name‎در عنصر‎<param>‎ همراه ويژگي value پارامترهائي ‎را براي افزونه‎<object>‎ مشخص مي نمايند .

‎‎كاربرد ويژگيApplies to -‎

‎‎ويژگي فوق فقط براي عناصر در جدول زير بكار گرفته ميشود.

‎‎عنصر ‎‎شــرح
<button> ‎‎يك دكمه قابل كليك تعريف مي نمايد.
<fieldset> ‎‎گروه هاي عناصر مرتبط در فرم
<form> ‎‎يك فرمHTML براي ورودي هاي كاربر تعريف ميكند
<iframe> ‎‎يك فريم برخط تعريف مي نمايد.
<input> ‎‎يك كنترل ورودي را تعريف ميكند.
<map> ‎‎يك نقشه تصويري را تعريف مي نمايد.
<meta> ‎‎براي سند متا ديتا مرتبط راتعريف مي نمايد.
<object> ‎‎محفظه اي براي برنامه خارجي تعريف مي نمايد.
<output> ‎‎نتيجه محاسباتي را تعريف ميكند.
<param> ‎‎پارامتري را براي يك شئ معرفي ميكند.
<select> ‎‎يك ليست كشوئي‎"drop-‎down list‎"‎را معرفي ميكند .
<textarea> ‎‎يك كنترل ورودي چند خطي را معرفي مينمايد(textarea)

‎‎مثالها

‎‎مثالButton ـ دو دكمه ارسال وبا يك نام و مقدارvalue متفاوت در فرم

<form action="/action_page.php" method="get">
  Choose your favorite subject:
  <button name="subject" type="submit" value="HTML">HTML
  <button name="subject" type="submit" value="CSS">CSS
</form> 

--(go to editor for change code and run)

‎‎مثالFieldset ـ عنصر ‎<fieldset>‎ باويژگي نام

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

--(go to editor for change code and run)

‎‎مثالForm ـ فرمي باويژگي name

<form action="/action_page.php" 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> 

--(go to editor for change code and run)

‎‎مثالIframe ـ يك عنصرآي فريم بعنوان هدف براي پيوند

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

<a href="https://www.w3schools.com" target="iframe_a">W3Schools.com</a> 

--(go to editor for change code and run)

‎‎مثالInput ـ فرمي با سه فيلد ورودي كه دوتا متني وديگري دكمه ارسال

<form action="/action_page.php">
  Name: <input type="text" name="fullname"><br>
  Email: <input type="text" name="email"><br>
  <input type="submit" value="Submit">
</form> 

--(go to editor for change code and run)

‎‎مثال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 > 

--(go to editor for change code and run)

‎‎مثال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> 

--(go to editor for change code and run)

‎‎مثالObject ـ عنصر‎<object>‎ با ويژگيname

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

--(go to editor for change code and run)

‎‎مثال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> 

--(go to editor for change code and run)

‎مثالParam ـ پارامتر ‎"autoplay‎"‎به مقدار ‎"true‎"‎براي شئ محتوي آهنگ تنظيم شود تا بلافاصه ‎بعداز لود پخش شود.

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

--(go to editor for change code and run)

‎‎مثال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> 

--(go to editor for change code and run)

‎‎مثالTextarea ـ يك فيلد متني با ويژگي name

<form action="/action_page.php">
  <textarea name="comment">Enter text here...</textarea>
  <input type="submit">
</form> 

--(go to editor for change code and run)

‎‎پشتيباني مرورگرBrowser Support -‎

‎‎وضعيت پشتيباني مرورگرها نسبت به ويژگي فوق وعناصر مرتبط در جدول زير آمده است.

‎‎عنصر Chorome Edge Firefox Safari Opera
‎button‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎
‎fieldset‎ ‎Yes‎ ‎‎ Not supported‎‎ ‎Yes‎ ‎Yes‎ ‎Yes‎
‎form‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎
‎iframe‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎
‎input‎ ‎‎1.0‎ ‎‎2.0‎ ‎‎1.0‎ ‎‎1.0‎ ‎‎1.0‎
‎meta‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎
‎object‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎
‎output‎ ‎Yes‎ ‎‎ Not supported‎‎ ‎Yes‎ ‎Yes‎ ‎Yes‎
‎param‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎
‎select‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎
‎textarea‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎

‎مرجع كامل تگهايHTML
‎مرجع كامل ويژگيهايHTML


Previous >    <Next