Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I am looking for a way to ‘fix’ a dollar symbol $ to a text input box eg <input type="text" value="$" /> but make it not possible for the default value to be removed, so that whatever the user inputs, there is always a $ symbol ‘prepending’ input.
Cheers
There is the possibility of a
background-imagebut it’s difficult to maintain, and doesn’t react to font size changes, which makes it the less optimal choice IMO.A better way in my opionion would be:
Put a
<span>$</span>next to the input (before it, actually).give it
position: relative; left: 20px.The $ sign then moves into the input field.
Then, give the input field
padding-left: 24px.Voilá! The $ sign is in the input field, does not obscure anything, and cannot be removed.