rest/forms-brainstorming: Difference between revisions
Jump to navigation
Jump to search
No edit summary  |
(→â€: 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>