Amopage

Hvordan lage skjemaer Bruke DIV tagger

- Views 0
Advertisement

De fleste av de skjemaene som du ser på nettet er opprettet ved hjelp av en <table> -taggen, men dette er ikke den eneste måten å lage en web-skjema. Du kan også lage webskjemaer ved hjelp av <div> tag og omgå noen ganger tungvint <table> -kodene helt. Men hvis du velger å gjøre dette, må du huske at du må sette inn CSS-kode samt HTML-koden på siden din for at skjemaet skal fungere ordentlig.

Bruksanvisning

Logg inn på din webserver. Åpne HTML-siden der du vil inkludere skjemaet.

Plasser markøren i <head> delen av HTML-siden og sette inn denne CSS-kode:

div.row {

klar: begge;

padding-top: 5px;

}

div.row span.label {

float: left;

width: 150px;

text-align: right;

}

div.row span.formw {

float: right;

width: 250px;

text-align: left;

}

Bytt ut "height" og "width" innstillinger hvis du ønsker. Dette vil endre størrelsen på linjene i form.

Klikk i <body> -delen av koden din.

Sett inn denne koden:

<Div style = "width: 400px; background-color: #ccc;

border: 1px dotted # 333; padding: 5px;

margin: 0px auto; ">

<Form>

&lt;div class="row">

&lt;span class="label">Full name&lt;/span>&lt;span

class = "formw"> <input type = "text" size = "25" /> </ span>

&lt;/div>

&lt;div class="row">

&lt;span class="label">Address&lt;/span>&lt;span

class = "formw"> <input type = "text" size = "25" /> </ span>

&lt;/div>

&lt;div class="row">

&lt;span class="label">E-mail&lt;/span>&lt;span

class = "formw"> <input type = "text" size = "25" /> </ span>

&lt;/div>

&lt;div class="row">

&lt;span class="label">Comments:&lt;/span>&lt;span

class = "formw">

&lt;textarea cols="25" rows="8">

&lt;/textarea>

&lt;/span>

&lt;/div>

<Div class = "spacer">

</ Div>

</ Form>

</ Div>

Erstatt "Fullt navn", "Address" og "E-post" med selve titlene på de feltene du vil inkludere i form.

Publiser siden.

Tags

This article reproduced

Original address " http://www.amopage.com/hvordan-lage-skjemaer-bruke-div-tagger/ "

相关文章!
  • Hvordan lage kolonner Bruke DIV tagger Hvordan lage kolonner Bruke DIV tagger
    - 阅 0

    DIV-koder har et bredere spekter av funksjoner enn de vanlige HTML-koder. Du oppretter en allsidig nettside når du bruker denne typen verktøy. Vanlige HTML-tabeller er vanskelig å utforme og er ikke like fleksibel. DIV-koder er en del av den samlede

  • Hvordan lage og bruke en Bouquet Garni Bag
    - 阅 0

    Når du bruker friske urter og krydder i hjemmelagde supper og andre oppskrifter, legger de spennende og interessante smaker som du bare ikke kan komme fra tørket opp gamle urter som har blitt sittende på baksiden av din pantry for altfor lenge. Men k

  • Hvordan lage og bruke Plarn Hvordan lage og bruke Plarn
    - 阅 0

    Hvordan lage og bruke Plarn. En kombinasjon ord, eller teleskopord, står plarn for plast garn. Selv om det kan bety noe yarnlike materiale laget av plast, er det vanligvis brukt for å referere til materialer som er opprettet ved å resirkulere element