این آموزش در تاریخ ۱۴۰۲/۰۶/۲۱ آپدیت شده است.
آموزش صفت Name در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت Name در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت Name در HTML
صفت name صفتی است که با استفاده از آن میتوان یک نام دلخواه رو برای یک تگ مشخص کرد.
این صفت میتونه در تگ های مختلف کاربردهای مختلفی داشته باشه ، مثلا در تگ Input میتونیم یک نام رو برای اینپوت مشخص کنیم بعدش در سمت سرور مقداری که کاربر داخل همون Input وارد کرده رو از طریق همون نام بگیریم.
نمونه مثال برای استفاده از صفت name درون یک تگ Input :
|
1 |
<input type="text" name="UserName"> |
بعدش در سمت سرور ( مثلا زبان PHP ) مقداری که کاربر وارد کرده رو میگیریم :
|
1 2 3 4 |
<?php $MyName = $_POST['UserName']; echo $MyName; ?> |
به همین سادگی! کدهای بالا مال زبان PHP می باشند که ما فعلا کاری به زبان PHP نداریم، کلی خواستم بدونید به راحتی میشه در سمت سرور مقداری که کاربر داخل Input وارد کرده رو بدست آوریم.
Free-Learn
عناصری که توسط این صفت پشتیبانی می شوند
این صفت را میتوان در عناصر/تگ های زیر بکار برد.
| <form> | <fieldset> | <button> |
| <map> | <input> | <iframe> |
| <output> | <object> | <meta> |
| <textarea> | <select> | <param> |
Free-Learn
مثال از صفت Name در HTML
در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.
مثال شماره ۱ : استفاده در تگ Button
|
1 2 3 4 5 6 7 8 9 10 |
<body> <form action="files/get_data18.php" method="POST"> یکی را انتخاب کنید: <br> <button name="MySubject" type="submit" value="HTML">HTML</button> <button name="MySubject" type="submit" value="CSS">CSS</button> <button name="MySubject" type="submit" value="JavaScript">JavaScript</button> </form> </body> |
مثال شماره ۲ : استفاده در تگ Fieldset
|
1 2 3 4 5 6 7 |
<body> <fieldset name="Personalia"> ... </fieldset> </body |
مثال شماره ۳ : استفاده در تگ Form
|
1 2 3 4 5 6 7 |
<body> <form name="MyForm" action="get.php" method="POST"> .... </form> </body |
مثال شماره ۴ : استفاده در تگ Iframe
|
1 2 3 4 5 |
<body> <iframe src="#" name="free-learn"></iframe> </body> |
مثال شماره ۵ : استفاده در تگ Input
|
1 2 3 4 5 6 7 8 |
<body> <form action="files/get_data.php" method="POST"> نام: <input type="text" name="myname"> <br><br> <input type="submit" value="ارسال"> </form> </body> |
مثال شماره ۶ : استفاده در تگ Map
|
1 2 3 4 5 6 7 |
<body> <map name="map"> <area shape="rect" coords="231, 31, 287, 195" href="https://free-learn.ir/" alt="سره اسب" title="سره اسب"> </map> </body> |
مثال شماره ۷ : استفاده در تگ Meta
|
1 2 3 4 5 |
<head> <meta name="description" content="آموزش رایگان طراحی وب"> <meta name="keywords" content="HTML ,CSS ,JavaScript"> <meta name="author" content="Sadegh Asadi"> </head> |
مثال شماره ۸ : استفاده در تگ Object
|
1 2 3 4 5 |
<body> <object data="page.html" name="MyObject"></object> </body> |
مثال شماره ۹ : استفاده در تگ Output
|
1 2 3 4 5 6 7 8 9 10 11 |
<body> <form oninput="OutPut.value = parseInt(number1.value) + parseInt(number2.value)"> <input type="number" name="number1" value="5"> <br> + <br> <input type="number" name="number2" value="5"> <br> = <br> <output name="OutPut" for="number1 number2"></output> </form> </body> |
مثال شماره ۱۰ : استفاده در تگ Param
|
1 2 3 4 5 6 7 |
<body> <object data="files/demo.mp3"> <param name="autoplay" value="true"> </object> </body> |
مثال شماره ۱۱ : استفاده در تگ Select
|
1 2 3 4 5 6 7 8 9 10 11 |
<body> <select name="tarafdari"> <option value="Esteghlal">استقلال</option> <option value="Persepolis">پرسپولیس</option> <option value="Sepahan">سپاهان</option> <option value="Tractor">تراکتور</option> <option value="other">دیگر تیم ها</option> </select> </body> |
مثال شماره ۱۲ : استفاده در تگ Textarea
|
1 2 3 4 5 |
<body> <textarea name="message" placeholder="نظرت در مورد فری لرن"></textarea> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت name در HTML پشتیبانی میکنند یا خیر.
| نام تگ | Chrome | Firefox | Opera | Safari | Edge |
| button | بله | بله | بله | بله | بله |
| fieldset | بله | بله | بله | بله | بله |
| form | بله | بله | بله | بله | بله |
| iframe | بله | بله | بله | بله | بله |
| input | بله | بله | بله | بله | بله |
| map | بله | بله | بله | بله | بله |
| meta | بله | بله | بله | بله | بله |
| object | بله | بله | بله | بله | بله |
| output | بله | بله | بله | بله | بله |
| param | بله | بله | بله | بله | بله |
| select | بله | بله | بله | بله | بله |
| textarea | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این صفت در HTML بصورت زیر می باشد.
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<button name="Name"> <fieldset name="Name"> <form name="Name"> <iframe name="Name"> <input name="Name"> <map name="Name"> <meta name="Name"> <object name="Name"> <output name="Name"> <param name="Name"> <select name="Name"> <textarea name="Name"> |
Free-Learn
جدول مقادیر صفت Name در HTML
در جدول زیر میتوانید، مقادیری را که میتوان در این صفت استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| Name | یک نام استاندارد و منحصربفرد برای تگ موردنظر مشخص میکند |
Free-Learn
نکات و توضیحات
- یک نام استاندارد و منحصربفرد یعنی مثلا اگه فرم ورود داشتیم ، باید نام های اینپوت نام کاربری با رمز یا ایمیل و.. کاملا منحصربفرد و باهم متفاوت باشن، مثال :
|
1 2 3 4 |
<form> <input type="text" name="UserName"> <input type="password" name="UserPassword"> </form> |
