rest/forms-brainstorming: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
(→Forms Brainstorming: lowercase) |
||
Line 1: | Line 1: | ||
= Forms Brainstorming = | = Forms Brainstorming = | ||
This page collects ideas for how to best encode | This page collects ideas for how to best encode form data into a microformat | ||
== Best design pattern so far == | == Best design pattern so far == | ||
< | <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"> | <table class="form"> | ||
<tr> | <tr> | ||
<td>< | <td><label for="firstname">First name:</label></td> | ||
<td>< | <td><input type="text" id="firstname"></td> | ||
</tr><tr> | </tr><tr> | ||
<td>< | <td><label for="lastname">Last name:</label></td> | ||
<td>< | <td><input type="text" id="lastname"></td> | ||
</tr><tr> | </tr><tr> | ||
<td>< | <td><label for="email">Email:</label></td> | ||
<td>< | <td><input type="text" id="email"></td> | ||
</tr><tr> | </tr><tr> | ||
<td>< | <td><label for="sex">Sex:</label></td> | ||
<td> | <td> | ||
< | <input type="radio" name="sex" value="Male">Male </input> | ||
< | <input type="radio" name="sex" value="Female">Female </input> | ||
</td> | </td> | ||
</tr><tr> | </tr><tr> | ||
<td>< | <td><label for="age">Age:</label></td> | ||
<td><select> | <td><select> | ||
<option val=0>< 18 </option> | <option val=0>< 18 </option> | ||
Line 30: | Line 32: | ||
</tr> | </tr> | ||
</table> | </table> | ||
< | <input type="submit" value="Send"> <input type="reset"> | ||
</ | </form> |
Revision as of 21:09, 11 October 2005
Forms Brainstorming
This page collects ideas for how to best encode form data into a microformat
Best design pattern so far
<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="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>