jquery mobile - How to make non editable text field which is front of slider .? -

<div data-role="fieldcontain">   <label for="slider-2">input slider:</label>   <input type="range" name="slider-2" id="slider-2" value="25" min="0" max="100" /> </div> 

hi possible make non editable (user not able change text field ) display front of slider using jquery mobile?

secondly how reset value of slider on click button..?

i have 1 more problem how set current date on text field(on openng pop screen) using datebox ? http://jsfiddle.net/ravi1989/uhdyv/

i open pop screen using (+) button need set current date on date field?

for hide slider text box can css

<style type=text/css> input.ui-slider-input {     display : none !important; } </style> 

or if u want keep visible not editable try this

<input type="range" name="slider-2" id="slider-2" value="25" min="0" max="100" onkeypress="return false;"/> 

here fiddle

for reset slider value

.slider("refresh");  

here link slider