html - How to show span class inside the textbox? -

i have calendar option select date. calendar icon showing in outside of text-box.

<div class="input-prepend"> <input class="span12"  type="text"  readonly="readonly" id="date" name="date" placeholder="dd-mm-yyyy" /> <span class="add-on"><i class="icon-calendar"></i></span> </div> 

how show icon span in inside text-box using css? thanks

make box/div looking input box , put calendar icon left

and insert input element without border

input{   border: 0 solid #fff !important; } 

note: use calendar icon in label when user click on icon gets focus input tag

see example @ go input box in stay in touch