Esempi di post di moduli HTML. Moduli HTML

Esempi di post di moduli HTML. Moduli HTML

21.03.2022

Tag HTML che definiscono i moduli HTML sul sito

Creiamo siti web e singole pagine su Internet per comunicare con i visitatori.

Moduli HTML sono utilizzati per registrare i visitatori del sito, per sondaggi interattivi e votazioni, consentono di inviare messaggi, effettuare acquisti e così via. HTML Il modulo viene creato per uno scopo: raccogliere e quindi trasferire informazioni per l'elaborazione in uno script di programma o tramite e-mail.

Esempio di modulo HTML | Entra nel sito

Tag, attributi e valori

  • - determinare la forma.
  • name="" - definisce il nome del modulo.
  • method="" - determina come i dati vengono inviati dal modulo. Valori: "get" (predefinito) e "post" . Il metodo "post" è più comunemente utilizzato, in quanto consente di trasferire grandi quantità di dati.
  • action="" - determina l'URL con cui i dati vengono inviati per l'elaborazione. Nel nostro caso - enter_data.php ..
  • - definire elementi del modulo come pulsanti, interruttori, campi di testo per l'immissione di dati.
  • type="text" - definisce un campo di testo per l'immissione dei dati.
  • type="password" - definisce un campo per l'inserimento di una password, mentre il testo viene visualizzato come asterischi o cerchi.
  • type="checkbox" - definisce un pulsante di opzione.
  • type="hidden" - definisce un elemento modulo nascosto - utilizzato per passare informazioni aggiuntive al server.
  • size="25" - lunghezza del campo di testo in caratteri.
  • maxlength="30" - il numero massimo consentito di caratteri di input.
  • value="" - definisce il valore che verrà inviato per l'elaborazione se si riferisce a pulsanti di opzione o pulsanti di opzione. Il valore di questo attributo come parte di un campo di testo o di un pulsante verrà mostrato, ad esempio, come John o Login nell'esempio precedente.

Esempio di modulo HTML | Commenti sul sito

Esempio di modulo HTML




Nome



Posta








Tag, attributi e valori

  • action="http://site/comments.php" - determina l'URL a cui verranno inviati i dati del modulo.
  • id="" - definisce il nome, l'identificatore dell'elemento del modulo.
  • name="" - definisce il nome dell'elemento del modulo.
  • - definire un campo di testo nel modulo.
  • cols="" - determina il numero di colonne del campo di testo del modulo.
  • righe="" - Specifica il numero di righe per il campo di testo del modulo.

Se tra inserisci il testo, verrà mostrato all'interno della casella come esempio facile da rimuovere.

Esempio di modulo HTML | Menu `A tendina

Moduli HTML




Tag, attributi e valori

  • - definire un elenco con elementi tra cui scegliere.
  • size="" - determina il numero di posizioni dell'elenco visibili. Se il valore è 1 , abbiamo a che fare con un elenco a discesa.
  • - definire le posizioni (punti) della lista.
  • value="" - contiene il valore che verrà inviato dal modulo all'URL specificato per l'elaborazione.
  • selezionato="selezionato" - seleziona l'elemento dell'elenco come esempio.

Esempio di modulo HTML | Elenco con barra di scorrimento

Aumentando il valore dell'attributo size="", otteniamo un elenco con una barra di scorrimento:

Prima posizione Seconda posizione Terza posizione Quarta posizione

Moduli HTML




Per questa opzione, utilizziamo il flag multiple="multiple", che consente di selezionare più elementi. La sua assenza consente di selezionare un solo elemento.

  • type="submit" - definisce un pulsante.
  • type="reset" - definisce un pulsante di ripristino.
  • value="" - definisce l'etichetta sul pulsante.
  • Vedi inoltre:

    Descrizione

    Etichetta

    imposta un modulo su una pagina web. Il modulo è destinato allo scambio di dati tra l'utente e il server. Lo scopo dei moduli non si limita all'invio di dati al server; utilizzando gli script client, puoi accedere a qualsiasi elemento del modulo, modificarlo e applicarlo a tua discrezione.

    Un documento può contenere un numero qualsiasi di moduli, ma è possibile inviare al server un solo modulo alla volta. Per questo motivo, i dati del modulo devono essere indipendenti l'uno dall'altro.

    Per inviare il modulo al server, si utilizza il pulsante Invia, lo stesso può essere ottenuto premendo il tasto Invio all'interno del modulo. Se il pulsante Invia non è presente nel modulo, il tasto Invio ne simula l'utilizzo.

    Quando il modulo viene inviato al server, il controllo dei dati viene trasferito al programma specificato dall'attributo action del tag . In precedenza, il browser prepara le informazioni sotto forma di una coppia "nome=valore", in cui il nome è determinato dall'attributo name del tag e il valore viene immesso dall'utente o impostato nel campo modulo predefinito. Se si utilizza il metodo GET per inviare dati, la barra degli indirizzi può assumere la forma seguente.

    http://www..cgi?nick=%C2%E0%ED%FF+%D8%E0%EF%EE%F7%EA%E8%ED&page=5

    I parametri sono elencati dopo il punto interrogativo dopo l'indirizzo del programma CGI e sono separati da una e commerciale (&). I caratteri non latini vengono convertiti nella loro rappresentazione esadecimale (nella forma %HH, dove HH è il codice esadecimale per il valore del carattere ASCII) e lo spazio viene sostituito con un più (+).

    Consentito all'interno del contenitore metti altri tag, mentre il form stesso non viene visualizzato in alcun modo sulla pagina web, sono visibili solo i suoi elementi e i risultati dei tag nidificati.

    Sintassi

    ...

    Attributi

    Imposta la codifica in cui il server può ricevere ed elaborare i dati. L'indirizzo del programma o del documento che elabora i dati del modulo. Abilita i campi del modulo di completamento automatico. Come vengono codificati i dati del modulo. Metodo del protocollo HTTP. Il nome del modulo. Annulla la convalida incorporata dei dati del modulo per l'input valido. Il nome della finestra o del frame in cui il gestore caricherà il risultato restituito.

    Etichetta di chiusura

    Necessario.

    HTML5 IE Cr Op Sa Fx

    Etichetta FORM

    Cosa pensi che significhi l'abbreviazione "OS"?

    Ufficiali
    Sistema operativo
    Grandi mosche striate

    Il risultato di questo esempio è mostrato in Fig. uno.

    Riso. 1. Visualizzazione degli elementi del modulo nella finestra del browser

    Spesso sui siti Web è possibile trovare pagine con moduli HTML inseriti su di esse. I moduli web sono un modo conveniente per ottenere informazioni dai visitatori del tuo sito web. Un esempio di questo è -, - che fornisce feedback ai visitatori e agli sviluppatori del sito. I moduli sono utili anche per gli sviluppatori di siti durante lo sviluppo di un CMS, che consente di mantenere la proprietà principale del sito: la pertinenza. Questo articolo si concentra sulle nozioni di base sulla creazione di moduli HTML, sulla loro elaborazione e su come passare i dati dai moduli sullo schermo agli script PHP.

    1) Creazione di un modulo semplice

    tag

    e
    impostare l'inizio e la fine del modulo. Tag di inizio modulo
    contiene due attributi: azione e metodo. L'attributo action contiene l'URL dello script che deve essere chiamato per elaborare lo script. Attributo metodo indica al browser che tipo di richiesta HTTP utilizzare per inviare il modulo; valori possibili INVIARE e OTTENERE.

    Commento

    La principale differenza tra i metodi POST e GET è il modo in cui le informazioni vengono trasmesse. Nel metodo GET, i parametri vengono passati attraverso la barra degli indirizzi, ad es. infatti, nell'intestazione HTTP della richiesta, mentre nel metodo POST, i parametri vengono passati attraverso il corpo della richiesta HTTP e non si riflettono in alcun modo nella forma della barra degli indirizzi.

    $testo = nl2br($_POST["miotesto"]);
    ?>

    Un compito: Supponiamo di voler creare un elenco a discesa con anni dal 2000 al 2050.
    Soluzione:È necessario creare un modulo HTML con un elemento SELECT e uno script PHP per l'elaborazione del modulo.

    Discussione:

    Iniziamo creando due file: modulo.html e azione.php. In archivio modulo.html conterrà un modulo html con un elenco a discesa. Inoltre, i valori nell'elenco possono essere specificati in due modi:

    I. Inserimento manuale dei dati:

    II. Immissione di dati attraverso un ciclo:

    Come puoi vedere, il secondo esempio con un loop è più compatto. Non penso che valga la pena dare lo script del gestore del modulo, perché viene elaborato proprio come un campo di testo, ad es. i valori dell'elenco possono essere recuperati da un array superglobale $_POST.

    Descrizione:

    Creiamo un modulo HTML per inviare un file al server.




    Questo modulo html ha un elemento navigare, che apre una finestra di dialogo per la selezione di un file da caricare sul server. Premendo il pulsante "Trasferisci file", il file viene passato allo script del gestore.

    Quindi è necessario scrivere un gestore di script azione.php. Prima di scrivere il gestore, devi decidere in quale directory copieremo il file:

    if(isset($_FILES [ "myfile" ])) // Se il file esiste
    {
    $catalogo = "../immagine/" ; // La nostra directory
    if (is_dir ($catalog )) // Se esiste una tale directory
    {
    $miofile = $_FILES [ "miofile" ][ "tmp_name"]; // File temporaneo
    $mio_nome_file = $_FILES [ "miofile" ][ "nome"]; // Nome del file
    if(! copy ($myfile , $catalog )) echo "Errore durante la copia del file". $mio_nome_file // Se la copia del file non è riuscita
    }
    else mkdir(../image/"); // Se non esiste una tale directory, la creeremo
    }
    ?>

    Commento

    Se ti fidi degli utenti per caricare qualsiasi file sul tuo server, devi essere estremamente attento. Gli aggressori possono iniettare codice "cattivo" in un'immagine o in un file e inviarlo al server. In questi casi, è necessario controllare strettamente il download dei file.

    Questo esempio mostra la creazione di una directory e la copia di un file in quella directory sul server.

    Vorrei anche dimostrare un esempio con un elemento casella di controllo. Questo elemento è leggermente diverso dagli altri elementi in quanto se non uno degli elementi casella di controllo'a non è selezionato, quindi una variabile superglobale $_POST restituirà un valore vuoto:


    Blu
    Il nero
    bianco

    if (!vuoto($_POST [ "miocolore"])) echo $_POST [ "miocolore"]; // Se è selezionato almeno 1 elemento
    eco "Seleziona valore";
    ?>

    I moduli HTML sono elementi di interfaccia complessi. Includono diversi elementi funzionali: campi di input e