rest/forms-brainstorming: Difference between revisions
Jump to navigation
Jump to search
(→Forms Brainstorming: backlink) |
|||
Line 3: | Line 3: | ||
This page collects ideas from [[forms-examples]] how to best encode form data into a microformat | This page collects ideas from [[forms-examples]] how to best encode form data into a microformat | ||
DETH = Dictionaries Encoding/Transmitting HTML | DETH = Dictionaries Encoding/Transmitting HTML | ||
== Table Design Pattern == | |||
<form class="deth" action="http | <a class="deth" href="http//somesite.com/prog/adduser">label</a> | ||
<table> | |||
<form class="deth" action="http//somesite.com/prog/adduser" method="post"> | |||
<table class="form"> | |||
<tr> | <tr> | ||
<td><label for="firstname">First name | <td><label for="firstname">First name</label></td> | ||
<td><input type="text" id="firstname"></td> | <td><input type="text" id="firstname"></td> | ||
</tr><tr> | </tr><tr> | ||
<td><label for="lastname">Last name | <td><label for="lastname">Last name</label></td> | ||
<td><input type="text" id="lastname"></td> | <td><input type="text" id="lastname"></td> | ||
</tr><tr> | </tr><tr> | ||
<td><label for="email">Email | <td><label for="email">Email</label></td> | ||
<td><input type="text" id="email"></td> | <td><input type="text" id="email"></td> | ||
</tr><tr> | </tr><tr> | ||
<td><label for="sex">Sex | <td><label for="sex">Sex</label></td> | ||
<td> | <td> | ||
<input type="radio" name="sex" value="Male">Male </input> | <input type="radio" name="sex" value="Male">Male </input> | ||
Line 26: | Line 27: | ||
</td> | </td> | ||
</tr><tr> | </tr><tr> | ||
<td><label for="age">Age | <td><label for="travel">Travel</label></td> | ||
<td> | |||
<input type="checkbox" name="travel" value="car">Car</input> | |||
<input type="checkbox" name="travel" value="bike">Bicycle</input> | |||
</td> | |||
</tr><tr> | |||
<td><label for="age">Age</label></td> | |||
<td><select> | <td><select> | ||
<option val=0>< 18 </option> | <option val=0>< 18 </option> | ||
Line 34: | Line 41: | ||
</tr> | </tr> | ||
</table> | </table> | ||
<input type="submit" value="Send" | <input type="submit" value="Send"> <input type="reset"> | ||
<input type="reset" | |||
</form> | </form> |
Revision as of 21:25, 11 October 2005
Forms Brainstorming
This page collects ideas from forms-examples how to best encode form data into a microformat
DETH = Dictionaries Encoding/Transmitting HTML
Table Design Pattern
<a class="deth" href="http//somesite.com/prog/adduser">label</a>
<form class="deth" action="http//somesite.com/prog/adduser" method="post"> <table class="form"> <tr> <td><label for="firstname">First name</label></td> <td><input type="text" id="firstname"></td> </tr><tr> <td><label for="lastname">Last name</label></td> <td><input type="text" id="lastname"></td> </tr><tr> <td><label for="email">Email</label></td> <td><input type="text" id="email"></td> </tr><tr> <td><label for="sex">Sex</label></td> <td> <input type="radio" name="sex" value="Male">Male </input> <input type="radio" name="sex" value="Female">Female </input> </td> </tr><tr> <td><label for="travel">Travel</label></td> <td> <input type="checkbox" name="travel" value="car">Car</input> <input type="checkbox" name="travel" value="bike">Bicycle</input> </td> </tr><tr> <td><label for="age">Age</label></td> <td><select> <option val=0>< 18 </option> <option val=18>18-64 </option> <option val=65>65+ </option> </td></select> </tr> </table> <input type="submit" value="Send"> <input type="reset"> </form>