تبلیغات متنی و بنر

آموزش HTML 5  >  کنترل های جدید در HTML 5  >  کنترل time

کنترل time :

از این کنترل برای قرار دادن یک کنترل زمان بر روی صفحه استفاده می شود . کاربر می تواند زمان مورد نظر خود را در آن انتخاب کرده و مقدارش را به صفحه ارسال کند .
شکل کلی استفاده از این کنترل به صورت زیر است :

syntax <input type="time" name="name" > 

پشتیانی در مرورگر های مختلف :

این کنترل فقط در مرورگرهای کروم و اپرا پشتیانی می شود .

مثال عملی :

مثال : در مثال زیر یک کنترل <input> از نوع "type="time ،  را بر روی صفحه قرار داده ایم . به وسیله این کنترل یک زمان دلخواه را انتخاب کرده و سپس با کلیک بر روی دکمه فرمان set time ، تاریخ انتحاب شده را بر روی صفحه نمایش دهید :

Example
<input type="time"   id="inputTime" >    : زمان مورد نظر را انتخاب نمایید
 <br />
<input type="button" id="btn1" value="set time" onclick="changeTime()" />
 <br />
<div id="MyDiv"> </div>
<script type="text/javascript">
    function changeTime() {
         document.getElementById("MyDiv").innerHTML = "Time is : " +  document.getElementById("inputTime").value;
      }
</script> 		کد
   : زمان مورد نظر را انتخاب نمایید

خروجی

راجع این مطلب سوال یا اشکالی دارید ؟! آن را در انجمن سایت مطرح نمایید ...         >>>>>  ورود به انجمن تخصصی

نظر خودتان درباره این صفحه را با ما در میان بگذارید  :

آیا مطالب این صفحه برای شما مناسب و مفید بود ه است :

نام :               
آدرس Email :  

نظر شما :  

سوال امنیتی : جمع سه + پنج چنده ؟