<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head>
<meta http-equiv="Content-Type"
content="application/xhtml+xml; charset=UTF-8" />
<title>Test</title>
<script type="text/javascript">
<!--
function selectIt() {
text = document.getElementById('choose').value;
for(i = 0; i < document.getElementById('sel').length; i++) {
if (text.toLowerCase()==document.getElementById('sel')
.options[i].text
.substring(0,text.length).toLowerCase()) {
document.getElementById('sel').selectedIndex=i;
break;
}
}
}
function selected() {
text = document.getElementById('sel')
.options[document
.getElementById('sel')
.selectedIndex].text;
document.getElementById('choose').value=text;
}
-->
</script>
</head>
<body>
<h1>HTML-Attribute</h1>
<form action="./" method="post">
<p><input type="text" name="choose" id="choose" onblur="selected()"
style="width:200px;" /></p>
<p><select id="sel" name="sel" size="10" style="width:205px;"
onchange="selected();">
<option>a</option>
<option>abbr</option>
<option>acronym</option>
<option>address</option>
<option>applet</option>
<option>area</option>
<option>b</option>
<option>base</option>
<option>basefont</option>
<option>bdo</option>
<option>big</option>
<option>blockquote</option>
<option>body</option>
<option>br</option>
<option>button</option>
<option>caption</option>
<option>center</option>
<option>cite</option>
<option>code</option>
<option>col</option>
<option>colgroup</option>
<option>dd</option>
<option>del</option>
<option>dfn</option>
<option>dir</option>
<option>div</option>
<option>dl</option>
<option>dt</option>
<option>em</option>
<option>fieldset</option>
<option>font</option>
<option>form</option>
<option>frame</option>
<option>frameset</option>
<option>h1</option>
<option>h2</option>
<option>h3</option>
<option>h4</option>
<option>h5</option>
<option>h6</option>
<option>head</option>
<option>hr</option>
<option>html</option>
<option>i</option>
<option>iframe</option>
<option>img</option>
<option>input</option>
<option>ins</option>
<option>isindex</option>
<option>kbd</option>
<option>label</option>
<option>legend</option>
<option>li</option>
<option>link</option>
<option>map</option>
<option>menu</option>
<option>meta</option>
<option>noframes</option>
<option>noscript</option>
<option>object</option>
<option>ol</option>
<option>optgroup</option>
<option>option</option>
<option>p</option>
<option>param</option>
<option>pre</option>
<option>q</option>
<option>s</option>
<option>samp</option>
<option>script</option>
<option>select</option>
<option>small</option>
<option>span</option>
<option>strike</option>
<option>strong</option>
<option>style</option>
<option>sub</option>
<option>sup</option>
<option>table</option>
<option>tbody</option>
<option>td</option>
<option>textarea</option>
<option>tfoot</option>
<option>th</option>
<option>thead</option>
<option>title</option>
<option>tr</option>
<option>tt</option>
<option>u</option>
<option>ul</option>
</select></p>
</form>
<script type="text/javascript">
<!--
document.getElementById('choose').onkeyup = selectIt;
-->
</script>
</body>
</html>
