Come restituire div con PHP

March 6

Come restituire div con PHP


PHP è un linguaggio di scripting che permette ai progettisti Web di generare codice HTML sulla base di un intervento da parte dell'utente. A "div" è un elemento HTML che contiene contenuti nelle pagine Web, tra cui testo, foto e multimedia. PHP può generare un div vuoto o includere il contenuto pure. Seguire alcune linee guida per impostare una condizione in PHP che viene soddisfatta da un azione dell'utente e aggiunge il div alla pagina Web.

istruzione

1 Creare un pulsante utilizzando la codifica form HTML che fa scattare lo script PHP:

<Form action = "" method = "post">

<Input type = "submit" nome = valore "divButton" = "Genera nuovo div" />

</ Form>

Questo modulo utilizza il metodo "post" di trasmettere input dell'utente, e presentando il modulo (facendo clic sul pulsante) genera un array $ _POST, o un elenco, degli attributi "nome" di ogni elemento in forma. In questa forma, c'è un solo elemento, il "Genera nuova div" pulsante, che ha l'attributo nome di presentare "divButton."

2 Creare un PHP "set" di prova per verificare che l'array $ _POST è stato creato, o è impostato, e comprende: $ _POST [ 'divButton']. Aggiungere codifica che dice allo script come rispondere se il test è vero. Generare codice HTML per un div che include un paragrafo di esempio all'interno. Mettere tutto il codice all'interno dei tag PHP all'interno dei tag head del documento:

<Head>

<? Php

if (isset ($ _ POST [ 'divButton'])) {

echo '<div class = "textDiv">

<P> Questa è la vostra nuova div. </ P>

</ Div> ';

}

?>

</ Head>

3 Aggiungere codifica stile all'interno dei tag head per lo stile del div che si sta creando:

<Style type = "text / css">

.textDiv {width: 200px; Altezza: 50px; border: sottile nero solido; padding: 10px 5px 5px 10px; margin: 0 0 0 20px; background-color: # CCCCCC}

</ Style>

4 Risparmiare pagina Web con estensione .php a un server configurato per testare il codice PHP e aprire la pagina in un browser.

Il codice completo dovrebbe apparire come segue:

<Html>

<Head>

<Style type = "text / css">

.textDiv {width: 200px; Altezza: 50px; border: sottile nero solido; padding: 10px 5px 5px 10px; margin: 0 0 0 20px; background-color: # CCCCCC}

</ Style>

<? Php

if (isset ($ _ POST [ 'divButton'])) {

echo '<div class = "textDiv">

<P> Questa è la vostra nuova div. </ P>

</ Div> ';

}

?>

</ Head>

<Body>

<Form action = "" method = "post">

<Input type = "submit" nome = valore "divButton" = "Genera nuovo div" />

</ Form>

</ Body>

</ Html>

5 Premere il pulsante "Genera nuovo div" per testare il vostro codice. L'azione dovrebbe generare una casella nella parte superiore della pagina con uno sfondo grigio e contenente le parole: «Questa è la tua nuova div." Se il browser consente di visualizzare il codice sorgente generato, al contrario di statica del codice sorgente, cercare i nuovi elementi div e di paragrafo nel codice corpo della pagina.


Articoli Correlati