Hoe om terug te keren div-elementen met PHP

Hoe om terug te keren div-elementen met PHP


PHP is een scripttaal waarmee de ontwerpers van het Web voor het genereren van de HTML-codering op basis van een handeling van de gebruiker. Een "div" is een HTML-element dat inhoud op webpagina's, met inbegrip van tekst, foto's en multimedia bevat. PHP kan genereren een leeg DIV-element of de inhoud ervan ook omvatten. Volg een paar richtlijnen om een voorwaarde instellen in PHP die wordt voldaan door een handeling van de gebruiker en voegt het div-element aan uw webpagina toe.

Instructies

1

Maak een knop met behulp van HTML-formulier dat triggers coderen het PHP script:

< vormen actie = "" methode = "post" >

< input type = "submit" naam = "divButton" value = "Genereer nieuwe div" / >

< / form >

Dit formulier gebruikt de methode van de "post" overdracht van gebruikersinvoer en indienen van het formulier (op de knop te klikken) genereert een $_POST array of lijst, met de 'naam' kenmerken van elk element in de vorm. In deze vorm, er is slechts één element, de "Genereer nieuwe div" submit knop, die heeft het kenmerk name van de "divButton."

2

Maak een test PHP "set" om te controleren dat de $_POST array is aangemaakt, of is ingesteld, en omvat: $_POST ['divButton']. Voeg de script codering die vertelt hoe te reageren als de test waar is. Het genereren van HTML-codering voor een div-element waarin een monster alinea binnen. Plaats alle code in PHP tags binnen de head-codes van uw document:

< head >

<? php

Als (isset($_POST['divButton'])) {}

echo ' < div class = "textDiv" >

< p > Dit is uw nieuwe div. < /p >

< / div >';

}

? >

< / head >

3

Voeg stijl codering binnen uw hoofd tags om de stijl van het div-element dat u wilt maken:

< stijl type = "text/css" >

.textDiv {breedte: 200px; hoogte: 50px; rand: dun effen zwart; padding: 10px 5px 5px 10px marge: 0 0 20px 0; background-color: #CCCCCC}

< / style >

4

Bespaart u webpagina's met de extensie .php naar een server die is geconfigureerd voor het testen van PHP coderen en open de pagina in een browser.

De volledige code moet er als volgt uitzien:

< html >

< head >

< stijl type = "text/css" >

.textDiv {breedte: 200px; hoogte: 50px; rand: dun effen zwart; padding: 10px 5px 5px 10px marge: 0 0 20px 0; background-color: #CCCCCC}

< / style >

<? php

Als (isset($_POST['divButton'])) {}

echo ' < div class = "textDiv" >

< p > Dit is uw nieuwe div. < /p >

< / div >';

}

? >

< / head >

< body >

< vormen actie = "" methode = "post" >

< input type = "submit" naam = "divButton" value = "Genereer nieuwe div" / >

< / form >

< / body >

< / html >

5

Druk op de knop "Het genereren van nieuwe div" uw code te testen. De actie moet genereren een doos aan de bovenkant van de pagina met een grijze achtergrond en met de woorden: "Dit is uw nieuwe div." Als uw browser kunt bekijken van gegenereerde broncode, in tegenstelling tot statische broncode, zoekt nieuwe div en alinea-elementen in het lichaam-code van uw pagina.