Pulsanti nei moduli
Fa parte della sezione Fondamenti del percorso HTML di Coddy. Lezione 45 di 60.
I pulsanti svolgono un ruolo fondamentale nei moduli, dove aiutano a inviare i dati o a reimpostare i campi. Vediamo come funzionano:
Pulsante di invio:
<form>
<input type="text" name="username" placeholder="Enter username">
<button type="submit">Submit</button>
</form>
type="submit": Invia i dati del modulo al server.
Pulsante di ripristino:
<form>
<input type="text" name="name" value="John Doe">
<button type="reset">Reset</button>
</form>
type="reset": Cancella tutti i campi e li ripristina ai valori predefiniti.
Sfida
FacileCrea un documento HTML che includa un modulo con diversi tipi di pulsanti. Il modulo deve avere i seguenti elementi:
- Un campo di immissione di testo con il nome "message" e un segnaposto che dice "Enter your message".
- Aggiungi un pulsante di invio (
<button type="submit">) con il testo "Send". - Aggiungi un pulsante di ripristino (
<button type="reset">) con il testo "Clear". - Aggiungi un pulsante generico (
<button>) con il testo "Click Me".
Provalo tu
<!DOCTYPE html>
<html>
<body>
<!-- Scrivi il codice qui -->
</body>
</html>
Mettiti alla provaQuesta lezione include un breve quiz. Inizia la lezione per rispondere e tenere traccia dei tuoi progressi.
Tutte le lezioni di Fondamenti
1Fondamenti di HTML
Che cos’è HTML?Struttura di base di un documento HTMLTag ed elementiAnnidamento e tag di chiusuraCommenti in HTML7Pagina del profilo personale
Panoramica del progettoSezione intestazione
Immagine del profiloSezione Chi sonoLink ai social2Testo e formattazione
IntestazioniParagrafiInterruzioni di rigaTesto in grassetto e corsivoAncora grassetto e corsivoRiepilogo - formattazione5Aggiungere contenuti
Attributi HTMLCollegamentiCollegamenti a nuove pagineImmaginiAttributi delle immagini8Moduli e campi di input - Parte 1
Nozioni di base sui moduliCampi di testoAttributi degli inputCampo passwordEtichette per gli inputRiepilogo - modulo di base11Pagina di registrazione all'evento
Panoramica del progettoSezione intestazioneSezione dettagli dell'eventoModulo di registrazioneSezione piè di pagina9Moduli e input - Parte 2
Pulsanti di opzioneCaselle di controlloMenu a discesaPulsantiPulsanti nei moduliRiepilogo - Moduli #1Riepilogo - Moduli #2Esercitati da solo: Playground Web