آموزش برنامه نویسی ، پایگاه داده sql server
آموزشگاه برنامه نویسی تحلیل داده : دوره های آموزشی برنامه نویسی و طراحی وب ASP.Net , C# , HTML , CSS , SQL Server


آموزشگاه برنامه نویسی مجتمع فنی تهران میرداماد : دوره های آموزشی برنامه نویسی و طراحی وب ASP.Net , C# , HTML , CSS , SQL Server

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

کنترل color :

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

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

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

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

مثال عملی :

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

Example
<input type="color" name="favcolor" id="inputColor" >    : رنگ مورد نظر را انتخاب نمایید
 <br />
<input type="button" id="btn1" value="set color" onclick="changeColor()" />
 <br />
<div id="MyDiv"> Developer Studio Network</div>

<script type="text/javascript">
    function changeColor() {
         document.getElementById("MyDiv").style.backgroundColor = document.getElementById("inputColor").value;
      }
</script>
کد
    : رنگ مورد نظر را انتخاب نمایید

Developer Studio Network
خروجی


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


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

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

نام :                 
آدرس Email :    
 
نظر شما :  
 
سوال امنیتی : جمع سه + پنج چنده ؟