Per inserire un form in html basta una riga di codice, ecco quale:
<input type="text">
Inserendo questo input nella vostra pagina html potrete visualizzare una casella per l’inserimento di input.
Leggendo il tag usato per indicare la casella di input in html:
<input type="text">
ci possiamo accorgere che la prima parte del codice apre all’inserimento di un input mentre la seconda specifica quale tipo di input andremo ad inserire (in questo caso il tipo di input è il testo, difatti è riportato “text”).
Nota: Il tag <input type="text"> ha una chiusura automatica data dal tag stesso, quindi non c’è bisogno di aggiungere niente in teoria per lasciare nient’altro nella casella di input nella vostra pagina.
Come aggiungere un placeholder al codice html per l’input di testo
Per migliorare il form forse vorrai inserire anche un placeholder; il placeholder è una parte di codice che permette di inserire una riga di indicazione all’interno dell’input di testo dove dare un suggerimento o un’indicazione su come usare il form o su cosa scrivere.
Ecco il codice html da inserire in un input di testo per aggiungere il placeholder:
<input type=”text” placeholder=”Inserisci qui il testo del tuo placeholder”>
Come inserire un radio bottom?
Basterà inserire il seguente codice per far comparire al posto del classico form di testo un bottone radio.
<label> <input type=”radio” name=”bottone radio”>Ecco un bottone indoor-outdoor </label>
Come inserire un campo richiesto
Vuoi non fare andare avanti il tuo utente senza aver inserito un testo nel form? Utilizza il codice html per la funzione “required”.
Ecco un esempio:
<input type=”text” placeholder=”Inserisci qui il testo del tuo placeholder” required>
Come inserire un bottone all’interno di un form html?
La cosa è relativamente semplice: basterà infatti inserire il seguente codice:
Ecco un esempio del codice completo:
<form> <input type=”text” placeholder=”Inserisci qui il testo del tuo placeholder”> <button type=”submit”>Invia testo</button> </form>