day03

📌 radio(1)

 <p>
        <input type="radio" name="color"/> 
   		<!--name값에 따라 그룹화가 된다. 동일 네임당 클릭이 1개만됨-->
        <input type="radio" name="color"/>
        <input type="radio" name="color"/>
        <input type="radio" name="color"/>
    </p> 
    <p>
        <input type="radio" name="color2"/>
        <input type="radio" name="color2"/>
        <input type="radio" name="color2"/>
        <input type="radio" name="color2"/>
    </p> 

💡 결과값

📌 radio(2)

<p>
        <h1>색상(단일선택)</h1>
        붉은색 : <input type="radio"
                    name="color3" value="red"/>
        검은색 : <input type="radio"
                    name="color3" value="black" checked/> 
		<!--checked : 항상 버튼 클릭이 되어 고정 출력된다.-->
        붉은색 : <input type="radio"
                    name="color3" value="blue"/>
</p>

💡 결과값

색상(단일선택)

붉은색 : 검은색 : 붉은색 :

Checkbox(1)

<p>
        <h1>사이즈(다중선택)</h1>
        95 : <input type="checkbox" name="size" value="95" />
        100 : <input type="checkbox" name="size" value="100" checked/>
        105 : <input type="checkbox" name="size" value="105" checked/>    
</p>

💡 결과값

사이즈(다중선택)

95 : 100 : 105 :

</p>

radio & checkbox

<form action="http://localhost/order.jsp">
        <p>
            <h1>색상(단일선택)</h1>
            붉은색 : <input type="radio"
                        name="color3" value="red"/>
            검은색 : <input type="radio"
                        name="color3" value="black" checked/> 
            붉은색 : <input type="radio"
                        name="color3" value="blue"/>
        </p>   
        <p>
            <h1>사이즈(다중선택)</h1>
            95 : <input type="checkbox" name="size" value="95" />
             100 : <input type="checkbox" name="size" value="100" checked/>
            105 : <input type="checkbox" name="size" value="105" checked/>
        </p>
        <input type="submit"/>
    </form>

💡 결과값

색상(단일선택)

붉은색 : 검은색 : 붉은색 :

사이즈(다중선택)

95 : 100 : 105 :