HTML Input Color type用法及代码示例

HTML DOM中的DOM输入颜色类型属性用于返回包含颜色选择器的表单元素的类型。此属性将始终返回“color”。

用法:

colorObject.type

以下示例程序旨在说明输入颜色类型属性的用法。
例：

<!DOCTYPE html> <html>   <head>     <title>         HTML DOM Input Color type Property     </title> </head>   <body style="text-align:center;">     <h1>         GeeksForGeeks     </h1>     <h2>          HTML DOM Input Color type Property      </h2>       <p>         Select your favorite color:        <input type="color"               value="#009900"               id="color">     </p>       <button onclick="myGeeks()">         Click Here!     </button>       <p id="GFG"       style="color:green;               font-size:25px;">   </p>       <!-- script to return      the input color -->    <script>         function myGeeks() {             var x =                  document.getElementById(                   "color").type;                         document.getElementById(               "GFG").innerHTML = x;         }     </script> </body>   </html>

输出：
在单击按钮之前：

单击按钮后：

支持的浏览器：DOM输入的颜色类型属性支持的浏览器如下：

谷歌浏览器
Internet Explorer 10.0以上
Firefox
Opera
Safari

相关用法

注：本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML | DOM Input Color type Property。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。