Categorie
Javascript

Lezione 2: Saluta con nome

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>

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *