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

Зона редактирования
Исходный код этого примера:
<style type="text/css">
div#edt {
border: solid 1px #777;
margin-bottom: 5px;
padding: 5px;
width:  200px;
height: 50px;
font-size: 14px;
line-height: 20px;
font-family: "Courier New", monospace;
overflow: auto;
}
</style>

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

.