Una cosa del genere:
codice:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Form</title>
<script language="Javascript">
<!--
function Modifica(){
var TD = document.getElementsByTagName("TD");
var Testo = TD[0].innerHTML;
var campo = document.createElement("input")
campo.setAttribute("type","text")
campo.setAttribute("name","T1");
campo.setAttribute("id","T1");
campo.setAttribute("value",Testo);
TD[0].innerHTML="";
TD[0].appendChild(campo)
/*la disattivazione del tasto modifica può essere eliminata, in questo caso
l'operazione si eseguirà ad ogni pressione del tasto*/
document.getElementById("modifica").disabled=true;
}
//-->
</script>
</head>
<body>
<form name="modulo">
<table width="100%" cellspacing="1" cellpadding="1">
<tr>
<td width="22%">123456</td>
<td width="78%"><input type="submit" name="modifica" id="modifica" value="Modifica" onclick="Modifica();return false;"></td>
</tr>
</table>
</form>
</body>
</html>
eseguito al volo per modifiche puoi studiarti l'ottima guida di html.it che trovi QUI