<label for="colorPicker">选择颜色：</label>
<input type="color" id="colorPicker" name="colorPicker" value="#ff0000">
在这个例子中，<input> 元素的 type 属性被设置为 "color"，并且给了一个默认的颜色值 #ff0000。当用户点击输入框时，会弹出系统提供的颜色选择器，用户可以选择他们喜欢的颜色。
你可以通过 JavaScript 来获取用户选择的颜色值，以便进一步使用。以下是一个简单的 JavaScript 示例：
<label for="colorPicker">选择颜色：</label>
<input type="color" id="colorPicker" name="colorPicker" value="#ff0000">
<script>
var colorPicker = document.getElementById('colorPicker');
colorPicker.addEventListener('input', function(event) {
var selectedColor = event.target.value;
console.log("选择的颜色是：" + selectedColor);
// 进一步使用选定的颜色值
});
</script>
在这个例子中，我们使用 addEventListener 监听了颜色输入框的 input 事件，当用户选择颜色时，会触发这个事件，并通过 event.target.value 获取选定的颜色值。你可以根据实际需求对颜色值进行相应的处理。
转载请注明出处：http://www.zyzy.cn/article/detail/3795/HTML