（二）、input、select、radio、checkbox的处理

表单控件的处理

function App() {
    return (
        <main>
            <h1>注册用户</h1>
            <form>
                <label htmlFor="userName">用户名</label>
                <input type="text" id="userName"/>
                <fieldset id="gender">
                    <input type="radio" id="male" value="male"/>
                    <label htmlFor="male">男</label>
                </fieldset>
                <label htmlFor="occupation">
                    <select id="occupation">
                        <option value="">请选择</option>
                        <option value="frontend">后端</option>
                    </select>
                </label>
                <fieldset id="hobbies">
                    <input 
                    type="checkbox"
                    name="hobby"
                    value="bc"
                    id="bcID"
                    />
                    <label htmlFor="bcID">编程</label>
                </fieldset>
            </form>
        </main>
    )
}