HTML caselle di selezione e pulsanti

Html caselle di selezione e codice da copiare ed incollare

Esempi vari, codici pronti e piccole cose per i meno esperti

HTML caselle di selezioneHTML caselle di selezione: in queste pagine troverete alcune parti di programma html già pronte da copiare ed incollare sulle vostre pagine, che potrete modificare a seconda delle vostre esigenze.

HTML Casella di selezione

Esempio di: HTML casella di selezione a discesa con un evento al cambio della scelta, copiate e incollate il codice qui sotto nella vostra pagina nel punto che volete.

<select name=”cibi” size=”1″ onchange=”alert(‘Adesso hai scelto ‘+this.value)”>
<option value=”Acqua”>Acqua</option>
<option value=”Vino”>Vino</option>
<option value=”Sale”>Sale</option>
<option value=”Pepe”>Pepe</option>
<option value=”Pasta”>Pasta</option>
<option value=”Brodo”>Brodo</option>
<option value=”Aranciata”>Aranciata</option>
</select>

Il risultato HTML caselle di selezione sara’ come quello in figura qui sotto. Osservando il codice vedremo che select creerà la casella a discesa. Avrà come nome di riferimento “cibi” ossia Name=’cibi’ le linee dei prodotti sarà una sola, size=1 oppure superiore, come vogliamo noi;

Otterrete la casella di scelta sottostante che potete provarne il funzionamento e la restituzione dell’azione.


size = 1


size = 3

onchange=”alert(‘Adesso hai scelto ‘+this.value)” serve per quando si cambia la scelta alert procede e mostra un avviso con il testo da te specificato +this.value ossia la valuta scelta sulla casella appena creata.

Casella di testo e pulsante o bottone di invio

Esempio pratico di un pulsante di invio, copiate e incollate in una vostra pagina il seguente codice e vediamone il funzionamento;

<form name=”Nome” action=”https://www.tuttohacking.it/” method=”POST”>
<div align=”center”>
<br /><br />
la tue e-mail
<input type=”text” size=”70″ />
<br /><input type=”submit” value=” Apri pagina ” /><br />
</div>
</form>

la tue e-mail

La stringa , <form name=”Nome” action=”https://www.tuttohacking.it/” method=”POST”> , dice di creare un form di nome “Nome” l’azione da compiere sara’ inserire i dati scritti dall’utente con il metodo “POST” in https://www.tuttohacking.it/<input type=”text” size=”70″ /> formerà una casella di testo per l’inserimento dei dati, della lunghezza adatta alle vostre esigenze, basta cambiare il numero di “size” <input type=”submit” value=” Apri pagina ” /> creerà un pulsante con la scritta “Apri pagina” che potete personalizzare con la scritta che volete, alla pressione del tasto aprirà la pagina riportata su “action“.

Per la formattazione dei testi guarda questa pagina