Layout of form elements - CHI Best Practice [Source]
HTML Element and type Order of Appearance Example
input type="text" Descriptive label, HTML element

Your First Name

Your First Name<br />
<input type="text" name="txtFirstName" />
input type="password" Descriptive label, HTML element

Your Passnumber

Your Passnumber<br />
<input type="password" name="txtPassword" />
input type="button" Not applicable (value attribute used instead)

<input type="button" name="cmdChkAvail" value="Check Availability" />
input type="submit" Not applicable (value attribute used instead)

<input type="submit" name="cmdBookNow" value="Place Booking" />
input type="image" Not applicable (alt attribute used instead)

<input type="image" name="search" src="../source/ButtonGo.gif" alt="Go" value="search" />
input type="radio" HTML element, Descriptive label

Yes, I am married
No, I am single

<input type="radio" name="radMarried" value="Yes" /> Yes, I am married<br />
<input type="radio" name="radMarried" value="No" /> No, I am single<br />
input type="checkbox" HTML element, Descriptive label

Subscribe to the newsletter

<input type="checkbox" name="chkSubscribe" value="Subscribe" /> Subscribe to the newsletter
select Descriptive label, HTML element

Title

Title<br />
<select name="ddlTitle">
<option>Mr</option>
...
</select>

textarea Descriptive label, HTML element

Your comments

Your comments<br />
<textarea name="txtComments"></textarea>
button Not applicable (value attribute used instead)

<button name="cmdBigButton">Go on, click me!</button>