Question

I have an input where the user can enter an HEX value. The “#” sign is part of the background image of the input field so the user only needs to enter numbers. I’d like to have the “#” sign as html and make it unselectable/uneditable. Is this possible?

Answer 1

Listen for a keyup event in the input element, then within the handler you can force the value of the input to always starts with # char and followed by 0-9/a-f

$('#input').bind('keyup', function(){
    var sanitized = $(this).val().replace(/[^0-9a-f]/g,'');
    $(this).val('#'+sanitized);
});

See the demo here: http://jsfiddle.net/QrrjW/1/