آموزش صفت Value در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت Value در HTML با من همراه باشید.
Free-Learn
در این جلسه میخوانیم
صفت Value در HTML
صفت value صفتی است که بطور کلی میتواند برای عناصر/تگ های HTML یک مقدار تعریف نماید. ولی خب این صفت در تگ های مختلف میتونه کارایی مختلفی داشته باشه.
مثلا این صفت در تگ های <button>, <input> و <option> میتونه یک مقدار از پیش تعریف شده ایجاد نماید.
یا مثلا با استفاده در تگ Li (فقط برای لیست های مرتب) میتونه یک مقدار برای شروع شمارش آیتم های لیست ایجاد نماید.
Free-Learn
عناصری که توسط این صفت پشتیبانی می شوند
این صفت را میتوان در عناصر/تگ های زیر بکار برد.
| <meter> | <input> | <button> |
| <progress> | <option> | <li> |
| <param> | ||
Free-Learn
مثال از صفت Value در HTML
در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.
مثال شماره ۱ : استفاده در تگ Button
|
1 2 3 4 5 6 |
<body> <button type="submit" value="test_html">HTML</button> <button type="submit" value="test_css">CSS</button> </body> |
مثال شماره ۲ : استفاده در تگ Input
|
1 2 3 4 5 |
<body> <input type="text" value="Sadegh"> | <input type="text" value="Asadi"> </body> |
مثال شماره ۳ : استفاده در تگ Meter
|
1 2 3 4 5 |
<body> <meter value="65"></meter> </body> |
مثال شماره ۴ : استفاده در تگ Li
|
1 2 3 4 5 6 7 8 9 10 11 |
<body> <ol> <li value="11">Salam</li> <li>Khobi?</li> <li>Man</li> <li>Sadegh</li> <li>Hastam</li> </ol> </body> |
مثال شماره ۵ : استفاده در تگ Option
|
1 2 3 4 5 6 7 8 9 10 |
<body> <select> <option value="sadegh">Sadegh Asadi</option> <option value="nazanin">Nazanin Ahmadi</option> <option value="reza">Reza Shiri</option> <option value="neda">Neda Soltani</option> </select> </body> |
مثال شماره ۶ : استفاده در تگ Progress
|
1 2 3 4 5 6 |
<body> درصد پیشرفت پروژه : <progress value="42"></progress> </body> |
مثال شماره ۷ : استفاده در تگ Param
در مرورگرهای مدرن (آخرین نسخه های موزیلا فایرفاکس یا گوگل کروم) ممکن است از پخش خودکار صدا جلوگیری کنند، ولی خب شما میتونید خودتون تعیین کنید که آیا اجازه بده برای پخش خودکار یا خیر. (آموزش فعالسازی پخش خودکار در مرورگرها)
|
1 2 3 4 5 6 7 |
<body> <object data="files/demo.mp3"> <param name="autoplay" value="true"> </object> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت value در HTML پشتیبانی میکنند یا خیر.
| نام تگ | Chrome | Firefox | Opera | Safari | IE |
| button | بله | بله | بله | بله | بله |
| input | ۱٫۰ | ۱٫۰ | ۱٫۰ | ۱٫۰ | ۲٫۰ |
| meter | ۸٫۰ | ۶٫۰ | ۱۱٫۰ | ۶٫۰ | ۱۳٫۰ |
| li | بله | بله | بله | بله | بله |
| option | بله | بله | بله | بله | بله |
| progress | ۸٫۰ | ۱۶٫۰ | ۱۱٫۰ | ۶٫۰ | ۱۰٫۰ |
| param | بله | بله | بله | بله | بله |
Free-Learn
نکات و توضیحات
نکته یا توضیح خاصی وجود ندارد.
