کنترل

کنترل 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>
خروجی
    : عدد مورد نظر خود را انتخاب نمایید

Copyright 2014. All rights reserved.