Эмуляция INPUT с помощью атрибута contenteditable

Исходный код этого примера:

<style type="text/css">
div#edt {
border: solid 1px #777;
margin:5px;
padding:5px;
width: 200px;
height: 50px;
font-size: 14px;
line-height: 20px;
font-family: "Courier New";
overflow:auto;
}
</style>

<h1>Эмуляция INPUT с помощью атрибута contenteditable</h1>

<div id="edt" contenteditable>Зона редактирования </div>
<form method="get" action="#">
<input type="button" value="Что получилось?"
	onclick="alert(document.getElementById('edt').innerHTML);return false;">
</form>