HTML DOM Input Color form 屬性

Input Color form 屬性返回輸入顏色的封閉表單的引用。

語法

以下是該語法的形式 −

  • 返回對錶單物件的引用
inputColorObject.form

示例

讓我們看一個Input Color form 屬性的示例 −

 實踐演示

<!DOCTYPE html>
<html>
<head>
<title>Input Color Form</title>
</head>
<body>
<form id="formForColorsInput">
Color Picker: <input type="color" id="Color" >
</form>
<button onclick="getFormID()">Get Form ID</button>
<div id="divDisplay"></div>
<script>
   function getFormID() {
      var inputColor = document.getElementById("Color");
      var divDisplay = document.getElementById("divDisplay");
      divDisplay.textContent = 'Form ID for color input: '+inputColor.form.id;
   }
</script>
</body>
</html>

輸出

這將產生以下輸出 −

在點選“獲取表單 ID”按鈕之前 −

在點選“獲取表單 ID”按鈕之後 −

更新日期：30-7 月-2019

86 次瀏覽

啟動您的 職業

完成該課程以獲得認證

開始
廣告