Formularer

Indlæs andet indhold på denne side:

Brugerfelter

Emnet bruger-input er så omfattende, at jeg har valgt at dele det op i mindre bidder:

Indlæs andet indhold på denne side:

input type="file"

Siden er opdateret 22. 8. 2009

Inputfelter af typen file lader sig kun delvist - og med forskelligt udkomme i forskellige browsere - style med css. En definition i cssinput rammer alle elementer uanset type:

input {
  border: 1px solid #ccf;
  }

Skal kun input af denne type styles, specifiserer man det i css ved at skrive input[type="file"]:

input[type="file"] {
  border: 1px solid #ccf;
  }

<input type="file" size="40" name="file" />

Denne inputtype muliggør at vedhæfte brugervalgte filer til den mail, som sendes. Den nærmere beskrivelse kan du læse i rfc1867 - forklaringen er på engelsk. Kort beskrevet skal formularen kommunikere med et serverside-script - asp eller php - der så tager sig af den videre håndtering data fra formularen.

En anden mulig anvendelse er upload af filer til serveren. Dette kræver så også, at serveren tillader det og at der køres noget serverside-script, som kan varetage dette upload.


<input type="file" class="borderdef" size="40" name="file" />

Denne input-type lader sig ikke ret godt formatere med css i Firefox, I MSIE og Opera går det derimod bedre. MSIE optegner inputfeltet præcist på samme måde som de andre felter at typerne <input type="text" ...> og <textarea>. Opera styrer bredden på plads og sætter den blå kant om tekstfeltet, men fjerner ikke det forsænkede udseende.

input.borderdef{
width: 300px;
border: 1px solid #ccf;
font-size: 10px;
font-family: verdana, sans-serif;
}

En betingelse for at fil-vedhæftning virker er - ud over at serveren skal tillade det, at der i formularens starttag indsættes denne stump kode:

enctype="multipart/form-data"

Helt kort laves det sådan (der kan selvfølgelig tilføjes alle andre typer input):

<form action="post" enctype="multipart/form-data">
<p><input type="file" size="40" name="file" /><br />
<input type="submit" value="Send" /></p>
</form>

^ Tilbage til sidens top

Valid XHTML og CSS / Copyright © Hjemmesideskolen januar 2000
Hjemmesideskolen
Du er her: Forsiden - html - Formularer
Brugere lige nu: 1
Home Mail