1
2
3
4
5
6
7
8
9
10
11
12
13
<!doctype html>
<title>Background text inside text input control</title>

<style>
  form { float: left; position: relative; }
  input { background: transparent; position: relative; text-indent: 28px; z-index: 2; }
  span { color: #999; font-size: 14px; left: 5px; position: absolute; top: 3px; z-index: 1; }
</style>

<form action="" method="post">
  <input type="text">
  <span>US$</span>
</form>