Difference between revisions of "rest/forms-brainstorming"

From Microformats Wiki
Jump to navigation Jump to search
Line 7: Line 7:
  
 
  <form class="deth" action="http://somesite.com/prog/adduser" method="post">
 
  <form class="deth" action="http://somesite.com/prog/adduser" method="post">
  <table class="form">
+
  <table>
 
  <tr>
 
  <tr>
 
   <td><label for="firstname">First name:</label></td>
 
   <td><label for="firstname">First name:</label></td>

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>
<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>