|
CS479/579 - Web Programming II
| Displaying exercises/e3/files/sizer.html
<!DOCTYPE html>
<html>
<head>
<title> Exercise #3 </title>
<meta charset='utf-8'>
<style>
</style>
<script>
</script>
</head>
<body>
<table>
<tbody>
<tr>
<td> Width:
<td><input type='range' min=0, max=500 value=100>
<td id=width> 100
<tr>
<td> Height:
<td> <input type='range' min=0, max=500 value=100>
<td id=height> 100
<tr>
<td> Border:
<td> <input type='range' min=1 max=20 value=1>
<td id='borderWidth'> 1
<tr>
<td> Type:
<td>
<select>
<option>none</option>
<option>hidden</option>
<option>dotted</option>
<option>dashed</option>
<option default>solid</option>
<option>double</option>
<option>groove</option>
<option>ridge</option>
<option>inset</option>
<option>outset</option>
</select>
<td id='borderStyle'> solid
</tbody>
</table>
<br>
<div id='box'>X</div>
</body>
</html>
|