HTML and CSS Reference
In-Depth Information
value="other"/>
Other
</label>
</p>
<!-- checkboxes -->
<p>I'm interested in: <br/>
<label><input type="checkbox" name="aches"/>
Aches
</label><br/>
<label><input type="checkbox" name="cakes"/>
Cakes
</label><br/>
<label><input type="checkbox" name="fakes"/>
Fakes
</label><br/>
<label><input type="checkbox" name="lakes"/>
Lakes
</label><br/>
<label><input type="checkbox" name="rakes"/>
Rakes
</label><br/>
</p>
<!-- textarea for comments -->
<textarea name="comnt" rows="6" cols="50" onfocus="this.value='';">
Use this space for comments
</textarea>
</fieldset>
<!-- submit and reset buttons -->
<p align="right">
<input type="submit" value="Join"/>
<input type="reset" value="clear"/>
</p>
</form>
</body>
</html>
A little bit of JavaScript is added to the
textarea
element to clear the initial
message when the user gives it focus with a mouse click or inger tap:
onfocus="this.value='';"
Figure 2.26 shows how the form created with Example 2.26 appears in
a typical browser. Unfortunately, unlike the other examples in this chap-
ter, you cannot test how this form works oline. You need a web server and