Demonstration of proposed <reco> tag

When this page is viewed in a Chrome browser, the examples are functional.
(The functions are emulated using an experimental Chrome tag.)

Example 1: Using <reco> to overwrite text to <input> field

<input id="in1" type="text">
<reco onresult="in1.value=this.value"/>

Example 2: Using CSS to position <reco> mic icon inside <input> field

<input id="in2" type="text">
<reco onresult="in2.value=this.value" style="position:relative; left:-30px;"/>

Example 3: Using <reco> to overwrite text and then automatically submit form

<form action="http://google.com/search" method="get">
  <input name="q" type="text">
  <reco onresult="q.value=this.value; this.form.submit()"/>
</form>

Example 4: Using <reco> to append continuous text to <input> field

(Note the javascript uses += as the assignment.)

<input id="in3" type="text">
<reco continuous="true" onresult="in3.value+=this.value"/>

Example 5: Using <reco> to append continuous text to <textarea>

<textarea id="ta" cols=50 rows=2></textarea>
<reco continuous="true" onresult="ta.value+=this.value"/>

Example 6: Using <reco> to append continuous text to <span>

<span id="spn" style="border:solid red;"></span>
<reco continuous="true" onresult="spn.innerHTML+=this.value"/>

Example 7: Using <reco> to append continuous text to <div>

<div id="dv" style="border:dashed blue;"></div>
<reco continuous="true" onresult="dv.innerHTML+=this.value"/>

Example 8: Using <reco> to select from a menu

This may not be an important use case, but it's included to show the flexibility of short snippets of javascript.
To make it more robust, the grammar should only include words in the menu.

<select id="sel">
  <option value="asparagus">asparagus</option>
  <option value="broccoli">broccoli</option>
  <option value="cauliflower">cauliflower</option>
  <option value="spinach">spinach</option>
</select>
<reco grammar="http://example.com/menugrammar.xml"
    onresult="for(var i=0; i<4; ++i) if(sel[i].value==this.value) sel[i].selected='1'"/>