예제 3-13. 선택형 요소의 캡션을 <label>로 감싸기, <label>로 라디오버튼에 캡션 만들기
WEB/HTML5-CONCEPT 2017. 11. 4. 18:44 |1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | <!DOCTYPE html> <html> <head> <title>캡션을 가진 라디오버튼</title> </head> <body> <h3>먹고 싶은 것 하나만 선택?(<label>이용)</h3> <hr> <form> <label> <input type="radio" name="china" value="1"> 짜장면 <img src="media/jajang.png"> </label><br> <label> <input type="radio" name="china" value="2" checked> 짬뽕 <img src="media/jjambbong.png"> </label><br> <label> <input type="radio" name="china" value="3"> 탕수육 <img src="media/tangsuyuk.png"> </label> </form> </body> </html> | cs |
'WEB > HTML5-CONCEPT' 카테고리의 다른 글
| 예제 3-15. 시간 정보 입력 폼 요소 활용, 시간 정보 입력 (0) | 2017.11.04 |
|---|---|
| 예제 3-14. 색 입력, <input type="color">, 컬러 다이얼로그로 색 입력 응용 (0) | 2017.11.04 |
| 예제 3-12 <label>태그를 이용한 로그인 폼 만들기 (0) | 2017.11.04 |
| 예제 3-11. 콤보박스 만들기, <select> (0) | 2017.11.04 |
| 예제 3-9. 체크박스 만들기, <input type="checkbox"> 예제 3-10. 라디오버튼 만들기, <input type="radio"> (0) | 2017.11.04 |