nilsmartin.no

 nilsmartinno 

 

HTML epost (mailto)

Enkel

Det enkleste er lage en mailto-lenk inne i href-attributtet.

Send epost

Koden kan se slik ut:

<a href="mailto:post@nilsmartin.no">Send epost</a>

Denne limes inn i html-koden i dokumentet.

Da får man en lenk som åpner brukerens epostprogram.

Lenken fungerer bare dersom brukeren har et epost-program installert på sin egen maskin.


Testside

For å prøve det ut kan en lage en testside.txt, som en lagrer lokalt på sin egen maskin.

<!DOCTYPE html> 
<html lang="no">

<head>

<meta charset="utf-8">

<title>Min lokale testside</title>

</head>

<body>

<a href="mailto:post@nilsmartin.no">Send epost</a>

</body>
</html>
Dette kan styles med CSS, f.eks. slik:
<a style="
font-family: monospace;
background-color: yellow;
border: 3px solid gray;
"
href="mailto:post@nilsmartin.no">Send epost</a>
Så kan en føye til overskrift og selve meldingen:
<a href="mailto:post@nilsmartin.no?subject=Overskrift
&body=Meldingen%20med%20mellomrom.">Send epost</a>

Mellomrom mellom ord bør erstattes med %20 for å sikre at teksten vises korrekt.

 

 

Epost-skjema

Send e-post til post@nilsmartin.no:




Koden kan se slik ut:

<form action="mailto:post@nilsmartin.no" 
method="post" enctype="text/plain">

<label for="navn">Navn:</label>
<input id="navn" type="text" name="Navn"><br>

<label for="epost">Epost:</label>
<input id="epost" type="email" name="Epost"><br>

<label for="kommentar">Kommentar:</label>
<input id="kommentar" type="text" name="Kommentar" size="40"><br>

<input type="submit" value="Send">
<input type="reset" value="Nullstill">
</form>

Legg merke til bruken av label.

Legg også merke til email-typen for input-feltet, som validerer at feltet inneholder en epost-adresse ved sending.



Se også:
PHP: Epost.html.
Javascript: Epost.html.