The read only form
property returns a reference to the form containing the color picker.
form |
Yes | No | Yes | No | Yes |
var v = colorObject.form
A reference to the form element containing the color picker. If the color picker is not in a form, null is returned.
The following code shows how to get the id of the form containing the <input type="color"> element.
<!DOCTYPE html>
<html>
<body>
<!-- w w w . ja va 2 s .c o m-->
<form id="myForm">
A color picker: <input type="color" id="myColor">
</form>
<button onclick="myFunction()">test</button>
<p id="demo"></p>
<script>
function myFunction() {
var x = document.getElementById("myColor").form.id;
document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>
The code above is rendered as follows: