0

I want to use a particular masking on a text field in which the symbol will be on the right of the field. Mostly we see in bootstrap, but i need it without bootstrap and using jquery. Although it is bit difficult to explain but i can attach an image of my requirement. enter image description here

Muhammad Atif Agha
  • 1,535
  • 3
  • 33
  • 74
  • So, you want an input, with a % sign (or something you can define for yourself) placed behind it? – Joeytje50 May 25 '14 at 21:11
  • It can be statically defined, its a special kind of masking for any field, we see in bootstrap, but it is difficult to find without bootstrap. I have shown in pic attached, i need the same thing. – Muhammad Atif Agha May 25 '14 at 21:13
  • So, you're not 'masking' as such, but you want to add a picture or text to, or beside, an `input`? – David Thomas May 25 '14 at 22:08

1 Answers1

1

I don't know why you would want to use jquery to do something like this. Isn't a simple css class with some markup enough?

Something like this:

background: url(http://www.veryicon.com/icon/png/System/Fugue/edit%20percent.png) right no-repeat;
padding-right: 15px;

I made you a little jsfiddle to show how I would do it. Sure it isn't as fancy but you could add additional css styling to spice it up.

http://jsfiddle.net/DtkQF/

Dirk-Jan
  • 1,109
  • 10
  • 21