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>