Basic input components binding

<input type="checkbox" id="checkbox" {...fv.bindCheckbox("checked")}/>
<label htmlFor="checkbox">{JSON.stringify(fv.getValue("checked"))}</label>

<input type="checkbox" id="jack" {...fv.bindCheckboxes("checkedNames", "Jack")}/>
<label htmlFor="jack">Jack</label>
<input type="checkbox" id="john" {...fv.bindCheckboxes("checkedNames", "John")}/>
<label htmlFor="john">John</label>
<input type="checkbox" id="mike" {...fv.bindCheckboxes("checkedNames", "Mike")}/>
<label htmlFor="mike">Mike</label>
<br/>
<span>Checked names: {JSON.stringify(fv.getValue("checkedNames"))}</span>

<input type="radio" id="one" {...fv.bindRadio("picked", "One")}/>
<label htmlFor="one">One</label>
<br/>
<input type="radio" id="two" {...fv.bindRadio("picked", "Two")}/>
<label htmlFor="two">Two</label>
<br/>
<span>Picked: {fv.getValue("picked")}</span>

<select {...fv.bind("selected")}>
    <option disabled value="">Please select one</option>
    <option>A</option>
    <option>B</option>
    <option>C</option>
</select>
<span>Selected: {fv.getValue("selected")}</span>

<select {...fv.bindMultipleSelect("selected")} multiple style={{width: 50}}>
    <option>A</option>
    <option>B</option>
    <option>C</option>
</select>
<br/>
<span>Selected: {JSON.stringify(fv.getValue("selected"))}</span>