Era saat ini pengunaan tag <table> untuk mengatur layout tampilan pada web sudah ditinggalkan, istilah kerennya tableless. Tulisan ini akan memuat bagaimana mengatur layout untuk sebuah form tanpa menggunakan table.

Ketikkanlah sebuah CSS berikut ini :

<!--

input, select, textarea {
	display: block;
	float: left;
	margin:0px 10px 5px 0px;
}

label {
	display: block;
	float: left;
	text-align: left;
	padding: 2px;
	margin-top: 2px;
	margin:0px 10px 5px 0px;
    width: 120px;
	font-weight: bold;
}

br {
	clear: left;
}
-->

Kemudian ketikan file .html sebagai berikut:




<form>
<fieldset>
<legend>Informasi Tindakan</legend>
			<label>ID</label><input type="text" />

			<label>Name </label><input size="40" type="text" />

			<label>Address</label><input size="60" type="text" />

			<label>Comment</label><textarea cols="40" name="name"></textarea>


		<input type="button" value="Submit" />
		<input type="button" value="Cancel" /></fieldset>
</form>


Download full code in here