Hogzan lehet ilyen űrlapot készíteni? aminek van a felső sarkában egy x és ha rá mész bezárja az űrlapot

Berakod egészet egy div-be. Div jobb felső sarkába kiraksz egy X-et (kép). Erre írsz egy javasciptet ami eltűnteti a formot tartalmazó div-et (document.getElementById("formdiv").style.display = "none";).

kb így:

HTML:

<div id="formdiv">

<img src="x.jpg" id="xbtn" onclick="divhide();" />

<form>

...

</form>

</div>

CSS:

#formdiv{

border: 1px solid black;

position: relative;

}

#xbtn{

position: absolute;

top: 10px;

right: 10px;

}

JavaScript:

function divhide(){

document.getElementById("formdiv").style.display = "none";

}

Kicsit kiegészítem előző írásomat:

#xbtn{

position: absolute;

top: 10px;

right: 10px;

cursor: pointer;

}