HTML Form Code

You can use the following HTML code to create a form within your HTML document. Note that this also includes table code for formatting purposes.

You can also check out the HTML Forms page of the HTML Tutorial.

Example HTML Form Code:




<form action="/html/tags/html_form_tag_action.cfm" method="get">
<table>
<tr>
<td>First name:</td>

<td>
<input type="text" name="first_name" value="" maxlength="100" />
</td>
</tr>
<tr>
<td>Lunch:</td>
<td>
<input type="radio" name="lunch" value="pasta" /> Pasta

<input type="radio" name="lunch" value="rissotto" /> Rissotto
</td>
</tr>
<tr><td>Drinks:</td>
<td>
<input type="checkbox" name="drinks" value="beer" /> Beer

<input type="checkbox" name="drinks" value="wine" /> Wine
</td>
</tr>
<tr><td>Preferred City:</td>
<td>
<select>
  <option value ="sydney">Sydney</option>

  <option value ="melbourne">Melbourne</option>
  <option value ="cromwell">Cromwell</option>
  <option value ="queenstown">Queenstown</option>
</select>

</td>
</tr>
<tr>
<td>Comments:</td>
<td>
<textarea rows="3" cols="20" name="comments"></textarea>
</td>

</tr>
<tr><td> </td>
<td>
<input type="submit" value="Submit" />
</td>
</tr>
</table>




This results in:

First name:
Lunch:	Pasta Rissotto
Drinks:	Beer Wine
Preferred City:	Sydney Melbourne Cromwell Queenstown
Comments: