کنترل

کنترل color :

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

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

به مثال زیر توجه کنید :

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

<script type="text/javascript">
    function changeColor() {
         document.getElementById("MyDiv").style.backgroundColor = document.getElementById("inputColor").value;
      }
</script>
خروجی

    : رنگ مورد نظر را تایپ نمایید

limanza.com
Copyright 2014. All rights reserved.