Slider demo: Make read only inputs readonly

This commit is contained in:
Jörn Zaefferer 2014-04-24 13:20:39 +02:00
parent b6da520097
commit 6fb72fd820
6 changed files with 6 additions and 6 deletions

View File

@ -29,7 +29,7 @@
<p> <p>
<label for="amount">Target sales goal (Millions):</label> <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> </p>
<div id="slider-range" style="height:250px;"></div> <div id="slider-range" style="height:250px;"></div>

View File

@ -30,7 +30,7 @@
<p> <p>
<label for="amount">Price range:</label> <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> </p>
<div id="slider-range"></div> <div id="slider-range"></div>

View File

@ -29,7 +29,7 @@
<p> <p>
<label for="amount">Minimum number of bedrooms:</label> <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> </p>
<div id="slider-range-max"></div> <div id="slider-range-max"></div>

View File

@ -29,7 +29,7 @@
<p> <p>
<label for="amount">Maximum price:</label> <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> </p>
<div id="slider-range-min"></div> <div id="slider-range-min"></div>

View File

@ -30,7 +30,7 @@
<p> <p>
<label for="amount">Volume:</label> <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> </p>
<div id="slider-vertical" style="height:200px;"></div> <div id="slider-vertical" style="height:200px;"></div>

View File

@ -29,7 +29,7 @@
<p> <p>
<label for="amount">Donation amount ($50 increments):</label> <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> </p>
<div id="slider"></div> <div id="slider"></div>