خصوصیت name در html ( خصوصیت چهارم)

توضیح:

این خصوصیت یک نام برای المنت های موردنظر مشخص می کند.
این نام می تواند یک لینک دهی به المنت از طریق جاوااسکریپت باشد.
برای مثال این خصوصیت در المنت های form برای زمانی استفاده میشود که اطلاعات فرم ارسال شده است و هر فیلد دارای name مخصوص به خود است.

مثال:

<form name="myForm" action="https://dejavan.ir/action_page.php" method="get">
<label for="fname">First name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
<input type="button" onclick="formSubmit()" value="Send form data!">
</form>

<script>
function formSubmit() {
   document.forms["myForm"].submit();
}
</script>

<label for="fname">First name:</label>

</form>

function formSubmit() {

document.forms["myForm"].submit();

}

</script>

از این خصوصیت میتوانیم در تگ iframe استفاده کنیم.با استفاده از تگ a و خصوصیت target محتوای آدرس href را به خروجی iframe متصل کنیم. مقدار name مربوط به تگ iframe باید با مقدار target مربوط به تگ a برابر باشد.

مثال:

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

<a href="https://dejavan.ir" target="iframe_a">dejavan.ir</a>

<a href="https://dejavan.ir" target="iframe_a">dejavan.ir</a>

این خصوصیت در تگ map قرار می گیرد. در این حالت مقدار name تگ map را بعنوان خصوصیت usemap در تگ img مورد استفاده قرار می گیرد. با اتصال map به img خطوط area بر روی تصویر شکل می‌گیرد.

مثال:

<img src="workplace.jpg" alt="Workplace" usemap="#workmap" width="400" height="379">

<map name="workmap">
<area shape="rect" coords="34,44,270,350" alt="Computer" href="computer.html">
<area shape="rect" coords="290,172,333,250" alt="Phone" href="phone.html">
<area shape="circle" coords="337,300,44" alt="Cup of coffee" href="coffee.html">
</map>

</map>

این خصوصیت در تگ meta برای مشخص کردن یک نام برای information/value سند بهمراه خصوصیت content است.

مثال:

<head>
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,JavaScript">
<meta name="author" content="amir javanmir">
</head>

<head>

</head>

استفاده از خصوصیت name در تگ select جهت انتخاب مقدار option است.
مثال:

<select name="users">
  <option value="amir javanmir">amir javanmir</option>
  <option value="shahryar barati">shahryar barati</option>
</select>

<option value="amir javanmir">amir javanmir</option>

<option value="shahryar barati">shahryar barati</option>

</select>

این خصوصیت در تگ param که بصورت یک پارامتر درون تگ object تعریف می‌شود، نوع ویژگی آبجکت را درون خصوصیت name و مقدار آن را درون خصوصیت value مشخص می کند.

مثال:

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

</object>

تگ های استفاده کننده از این خصوصیت:

نام تگ ها
<button>
<fieldset>
<form>
<iframe>
<input>
<map>
<meta>
<object>
<output>
<param>
<select>
<textarea>

وضعیت پشتیبانی از تگ button:

مرورگر Chrome	مرورگر Firefox	مرورگر Edge	مرورگر Safari	مرورگر Opera
همگی	همگی	همگی	همگی	همگی

وضعیت پشتیبانی از تگ filedset:

مرورگر Chrome	مرورگر Firefox	مرورگر Edge	مرورگر Safari	مرورگر Opera
همگی	همگی	پشتیبانی نمیشود	همگی	همگی

وضعیت پشتیبانی از تگ form:

مرورگر Chrome	مرورگر Firefox	مرورگر Edge	مرورگر Safari	مرورگر Opera
همگی	همگی	همگی	همگی	همگی

وضعیت پشتیبانی از تگ iframe:

مرورگر Chrome	مرورگر Firefox	مرورگر Edge	مرورگر Safari	مرورگر Opera
همگی	همگی	همگی	همگی	همگی

وضعیت پشتیبانی از تگ input:

مرورگر Chrome	مرورگر Firefox	مرورگر Edge	مرورگر Safari	مرورگر Opera
از ۱٫۰ به بعد	از ۱٫۰ به بعد	از ۲٫۰ به بعد	از ۱٫۰ به بعد	از ۱٫۰ به بعد

وضعیت پشتیبانی از تگ map:

مرورگر Chrome	مرورگر Firefox	مرورگر Edge	مرورگر Safari	مرورگر Opera
همگی	همگی	همگی	همگی	همگی

وضعیت پشتیبانی از تگ meta:

مرورگر Chrome	مرورگر Firefox	مرورگر Edge	مرورگر Safari	مرورگر Opera
همگی	همگی	همگی	همگی	همگی

وضعیت پشتیبانی از تگ object:

مرورگر Chrome	مرورگر Firefox	مرورگر Edge	مرورگر Safari	مرورگر Opera
همگی	همگی	همگی	همگی	همگی

وضعیت پشتیبانی از تگ output:

مرورگر Chrome	مرورگر Firefox	مرورگر Edge	مرورگر Safari	مرورگر Opera
همگی	همگی	پشتیبانی نمیشود	همگی	همگی

وضعیت پشتیبانی از تگ param:

مرورگر Chrome	مرورگر Firefox	مرورگر Edge	مرورگر Safari	مرورگر Opera
همگی	همگی	همگی	همگی	همگی

وضعیت پشتیبانی از تگ select:

مرورگر Chrome	مرورگر Firefox	مرورگر Edge	مرورگر Safari	مرورگر Opera
همگی	همگی	همگی	همگی	همگی

وضعیت پشتیبانی از تگ textarea:

مرورگر Chrome	مرورگر Firefox	مرورگر Edge	مرورگر Safari	مرورگر Opera
همگی	همگی	همگی	همگی	همگی

مثال:

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

<textarea name="comment">Enter text here...</textarea>

</form>

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

Choose your favorite subject:

</form>

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

Name: <input type="text"><br>

Email: <input type="text"><br>

</fieldset>

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

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

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

+<input type="number" id="b" value="25">

=<output name="x"></output>

</form>

کلمات کلیدی را وارد نمایید

خصوصیت name در html ( خصوصیت چهارم)

آموزش خصوصیات تگ ها در html

توضیح:

تگ های استفاده کننده از این خصوصیت:

وضعیت پشتیبانی از تگ button:

وضعیت پشتیبانی از تگ filedset:

وضعیت پشتیبانی از تگ form:

وضعیت پشتیبانی از تگ iframe:

وضعیت پشتیبانی از تگ input:

وضعیت پشتیبانی از تگ map:

وضعیت پشتیبانی از تگ meta:

وضعیت پشتیبانی از تگ object:

وضعیت پشتیبانی از تگ output:

وضعیت پشتیبانی از تگ param:

وضعیت پشتیبانی از تگ select:

وضعیت پشتیبانی از تگ textarea:

مثال:

آخرین آموزش ها

دیدگاه خود را بیان کنید لغو پاسخ

امیر جوان میر

طراح، گرافیست و توسعه دهنده وب

گواهینامه دوره آموزش HTML

آموزش خصوصیات تگ ها در html

دسترسی سریع

کلمات کلیدی را وارد نمایید

خصوصیت name در html ( خصوصیت چهارم)

آموزش خصوصیات تگ ها در html

توضیح:

تگ های استفاده کننده از این خصوصیت:

وضعیت پشتیبانی از تگ button:

وضعیت پشتیبانی از تگ filedset:

وضعیت پشتیبانی از تگ form:

وضعیت پشتیبانی از تگ iframe:

وضعیت پشتیبانی از تگ input:

وضعیت پشتیبانی از تگ map:

وضعیت پشتیبانی از تگ meta:

وضعیت پشتیبانی از تگ object:

وضعیت پشتیبانی از تگ output:

وضعیت پشتیبانی از تگ param:

وضعیت پشتیبانی از تگ select:

وضعیت پشتیبانی از تگ textarea:

مثال:

آخرین آموزش ها

دیدگاه خود را بیان کنید لغو پاسخ

امیر جوان میرطراح، گرافیست و توسعه دهنده وب

گواهینامه دوره آموزش HTML

آموزش خصوصیات تگ ها در html

امیر جوان میر

طراح، گرافیست و توسعه دهنده وب