کنترل number :
از این کنترل برای قرار دادن یک کادر متن بر روی صفحه استفاده می شود که کاربر فقط مجاز است در آن مقادیر عددی را در محدوده تعیین شده ، انتخاب نماید . در صورت وارد کردن مقادیر غیر عددی و همچنین مقادیر بیشتر و یا کمتر از محدوده تعیین شده ، برنامه این مقادیر را نادیده گرفته و ارسال نمی کند .
| syntax | <input type="range" name="name" min="value" max="value" step="value" value="value" > |
به مثال زیر توجه کنید :
| Example | ||
|
<input type="range" id="inputRange" min="1"
max="1" value="5"> : عدد مورد
نظر خود را انتخاب نمایید
<br /> <input type="button" id="btn1" value="show number" onclick="showNumber()" /> <br /> <div id="MyDiv"> </div> <script type="text/javascript"> function showNumber() { document.getElementById("MyDiv").innerHTML = "Number is : " + document.getElementById("inputRange").value; } </script> |
||
|
خروجی : عدد مورد نظر خود را انتخاب نمایید |
||