CSS-表单进阶-单选框

<h1>表单进阶-单选框</h1>

    <div>你对于京东首页的满意度如何</div><br>

    <div>
        <!-- 
            <input type="text"> 
        type="text" 
        普通的文本输入框
        -->
        
        <input type="radio" name="cone" id="text1" checked>

        <!-- <input type="radio" name="cone" id="text1" checked="checked"> -->
        <!-- checkded="checked"效果是默认勾选
            只写checked也是可以的，效果是一样的
            全都加上checked也是可以的，但是没有意义，同时，只有最后一个会生效
        -->
        <label for="text1">&emsp13; 非常满意</label>
        <!-- 会显示出一个空心圆点  
        加上name="aaa"之后,
        name里面取的组名是什么并不是关键，
        组名可以取任意的单词、字母，甚至数字、字符，都可以
        关键在于它们是否是同一个组，
        即组名相同即可，
        这样就会从多选变成单选
        -->
        
        <div>
            <input type="radio" name="cone" id="text2">
            <label for="text2">&emsp13; 满意</label>
            <!-- label的作用在于，点击文本可以选中 -->
            <!-- label的for中必须和id一样否则无法生效，但不能是一样的（不重样） -->
            <!-- 会显示出一个空心圆点 -->