Difference between revisions of "rest/forms-brainstorming"
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 rest/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>
