Realizziamo oggi una pagina che, preso in input il nome dell’utente, scriva a video un saluto.
<html>
<head><title>Saluta</title>
<style>
#main{
width:50%;
}
.label{ padding:5px;
float:left;
width:30%;
}
.txtform{
padding:5px;
}
input{
color:#cc0000;
}
.pulsante {
background-color: #FF8800; /* colore di sfondo */
border: 2px solid #FCA800; /* bordo dell’elemento */
border-radius:10px;
color: #fff; /* colore del testo */
font-weight: bold; /* testo in grassetto */
padding: 5px; /* padding */
height: 30px; /* altezza */
width: 100px;
font-family:verdana;
}
</style>
<script language=”javascript”>
function saluta()
{
alert (“CIAO, “+document.getElementById(“txtnome”).value);
}
</script>
</head>
<body>
<form name=”form1″ id=”form1″>
<div id=”main”>
<div class=”label”>NOME:</div><div class=”txtform”>
<input type=”text” name=”txtnome” id=”txtnome”
value=”Inserisci qui il tuo nome” size=”50″></div>
<br>
<input class=”pulsante” type=”button” value=”Saluta” onclick=”saluta()”>
<input class=”pulsante” type=”reset” value=”ANNULLA”>
</div>
</form>
</body>
</html>