限制文本框中的输入类型

Question

如何限制在HTML文本框中输入的字符的数量和类型？这是到目前为止我得到的：

        <div id="CustomColour">
            Custom Colour Input: #<input type="text" id="ColourInput" name="CustomColour" placeholder="Enter Hex Value" pattern="[a-f, A-F, 0-9]{6}"><br>
            <input type="submit" onclick="fnCustomColour();" id="ColourSubmit" value="Submit">
        </div>

我想限制输入，因此您只能输入a到f，包括大写和小写字母以及数字字符。和一个哈希符号。我在网上找到了一些说可以使用pattern="[a-f, A-F, 0-9]{6}"的代码，但是似乎没有用。

任何帮助将不胜感激