codice:
<html>
<head>
<script language="javascript" type="text/javascript">
function insert() {
if (form1.nome.value=="") {
alert('Non hai inserito nessun nome');
return false;
}
var nome=form1.nome.value;
form2.textdiv.value = nome;
}
</script>
</head>
<body>
<form name="form1">
<input type="text" style="font-size:20pt;" maxlength="18" name="nome">
<input type="button" value="inserisci nome" onclick="insert();">
</form>

<div style="border:1px solid #444444; height:150px; width:200px;">
<form name="form2">
<textarea style="font-weight:bold; height:150px; width:100%; font-size:10px; font-family:verdana; text-align:center; overflow:hidden; border:none;" name="textdiv"></textarea>
</form>
</div>
</body>
</html>
Ecco la pagina html completa! Non modificare le seguenti cose:
  • lo script
  • il nome dei form, dell'input, della textarea
  • gli attibuti dlla textarea (puoi modificare il size del font e il font)
  • l'evento onclick del bottone


Puoi modificare:
  • Tutto quello che c'è prima e dopo gli input e la textarea
  • lo stile dell'input e del bottone
  • lo stile del div