Slider demo: Make read only inputs readonly

Author: jzaefferer

demos/slider/range-vertical.html

@@ -29,7 +29,7 @@
 
 <p>
 	<label for="amount">Target sales goal (Millions):</label>
-	<input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" />
+	<input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;" />
 </p>
 
 <div id="slider-range" style="height:250px;"></div>

demos/slider/range.html

@@ -30,7 +30,7 @@
 
 <p>
 	<label for="amount">Price range:</label>
-	<input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" />
+	<input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;" />
 </p>
 
 <div id="slider-range"></div>

demos/slider/rangemax.html

@@ -29,7 +29,7 @@
 
 <p>
 	<label for="amount">Minimum number of bedrooms:</label>
-	<input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" />
+	<input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;" />
 </p>
 <div id="slider-range-max"></div>
 

demos/slider/rangemin.html

@@ -29,7 +29,7 @@
 
 <p>
 	<label for="amount">Maximum price:</label>
-	<input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" />
+	<input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;" />
 </p>
 
 <div id="slider-range-min"></div>

demos/slider/slider-vertical.html

@@ -30,7 +30,7 @@
 
 <p>
 	<label for="amount">Volume:</label>
-	<input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" />
+	<input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;" />
 </p>
 
 <div id="slider-vertical" style="height:200px;"></div>

demos/slider/steps.html

@@ -29,7 +29,7 @@
 
 <p>
 	<label for="amount">Donation amount ($50 increments):</label>
-	<input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" />
+	<input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;" />
 </p>
 
 <div id="slider"></div>