Cita:
Iniciado por Shiryu_Libra 
pedro, cuantos campos usaras? ya tienes algun formulario de base??
Si aca está!
Código HTML:
<form id="form1" name="form1" method="post" action="">
<table width="507" border="0" cellpadding="1" cellspacing="2">
<tr>
<td colspan="8"><table width="100%" border="0" cellspacing="2" cellpadding="0">
<tr>
<td width="95%"><div align="right"><strong>CÓDIGO ORDEN</strong></div></td>
<td width="5%">
<div align="left"><strong>
<input name="id_orden" type="text" class="TEXT_AREA" id="id_orden" onkeyup="this.value=this.value.toUpperCase()" size="8" maxlength="15" readonly />
</strong></div></td>
</tr>
</table></td>
</tr>
<tr>
<td width="54" valign="top"><p align="left"><strong>CLIENTE </strong></p> </td>
<td width="419" colspan="7"><div align="left">
<table width="100%" border="0" cellspacing="2" cellpadding="0">
<tr>
<td><div align="left"><strong>
<select class="TEXT_AREA" name="nom_cte" id="id_serv">
<option>--Seleccione Cliente--</option>
</select>
<br />
<br />
<input name="id_cte" type="text" class="TEXT_AREA" id="id_cte" onkeyup="this.value=this.value.toUpperCase()" size="21" maxlength="8" style="color:gray" onfocus="color(this,0,'COD. CLIENTE')" onblur="color(this,1,'COD. CLIENTE')" value="COD. CLIENTE"/>
</strong></div> <div align="left"></div></td>
</tr>
</table>
</div></td>
</tr><tr>
<td height="30" colspan="8"> <div align="center">
<label> </label>
<table width="100%" border="0" cellspacing="2" cellpadding="0">
<tr>
<td height="23" colspan="2" valign="top"><div align="center">
<table width="100%" border="0" align="center" id="base">
<tr class="celda">
<td width="18%" class="Estilo1" style="padding:3px;"><div align="center"><strong>CANTIDAD</strong></div></td>
<td width="24%" class="Estilo1" style="padding:3px;"><div align="center"><strong>SERVICIO</strong></div></td>
<td width="16%" class="Estilo1" style="padding:3px;"><div align="center" class="Estilo2">
<p>GASTO</p>
</div></td>
<td width="21%" class="Estilo1" style="padding:3px;"><div align="center"><strong>COSTO</strong></div></td>
<td width="19%" class="Estilo1" style="padding:3px;"><div align="center"><strong>TOTAL</strong></div></td>
</tr>
<tr id="example" class="celda">
<td align="center" valign="middle">
<div align="center">
<input name='cantidad' type='text' class="TEXT_AREA" id='cantidad' size="2" maxlength="2" style="color:gray" onfocus="color(this,0,'00')" onblur="color(this,1,00')"/>
</div></td>
<td align="center" valign="middle" style='padding:3px;'><div align="center">
<select class="TEXT_AREA" name="id_serv" id="opera">
<option>--Seleccione Servicio--</option>
</select>
</div></td>
<td align="center" valign="middle"><div align="center">
<input name='gasto' type='text' class="TEXT_AREA" id='gasto' size="5" maxlength="5" readonly="readonly"/>
</div></td>
<td align="center" valign="middle"><div align="center">
<input name='costo' type='text' class="TEXT_AREA" id='costo' size="5" maxlength="5" readonly="readonly"/>
</div></td>
<td align="center" valign="middle"><div align="center">
<input name='total' type='text' class="TEXT_AREA" id='total' size="5" maxlength="5" readonly="readonly"/>
<input type="hidden" name="btnAction" value="next" />
</div></td>
</tr>
</table>
<img src="imagenes/but_agregar.jpg" width="66" height="24" onClick="addNewRow(event)"/><img src="imagenes/but_eliminar.jpg" width="66" height="24" onclick="removeLastRow(event)"/>
</div></td>
</tr>
<tr>
<td height="14" valign="top"> </td>
<td valign="bottom"> </td>
</tr>
<tr>
<td width="19%" height="14" valign="top"><strong>OBSERVACIONES</strong></td>
<td width="81%" valign="bottom"><div align="left">
<textarea name="ob_oservicio" cols="45" rows="5" class="TEXT_AREA" id="ob_oservicio" onkeyup="this.value=this.value.toUpperCase()" value="OBSERVACIONES">
</textarea>
</div></td>
</tr>
<tr>
<td height="35" colspan="2" valign="bottom"><div align="center">
<input type="image" value="submit" name="entrar" src="imagenes/but_ingresarorden.jpg" id="entrar"/>
</div>
<div align="left"></div></td>
</tr>
</table>
<label></label>
</div>
</table>
</form>