[PHP] HTML FORM 태그에서 사용하는 input 태그 - radio
2022. 10. 10. 05:52ㆍProgram/PHP
135_PHP HTML FORM 태그에서 사용하는 input 태그 - radio
[요약]
- input 태그를 사용하며, type 속성의 값으로 radio를 사용하여 여러가지 보기 중 하나의 값을 선택하는 폼을 만드는 방법에 대해 알아보자.
라디오 버튼은 체크박스와 마찬가지로 나열된 보기를 선택하는 기능을 갖고 있다.
단, 체크박스는 복수 선택이 가능하지만, 라디오 버튼은 하나의 보기만 선택할 수 있다.
[type 속성값에 radio를 적용하는 방법]
<input type="radio" name="myHobby" value="music" />같은 항목에서 사용한다면 name값이 일치해야만 1개의 라디오 버튼을 선택할 수 있다.
다수의 선택지에서 1개만 선택하려면 다음과 같이 name을 일치시켜 주어야만 한다.
이부분은 checkbox와 동일하다.
[type 속성값이 radio일 때 checked를 적용하는 방법]
<input type="radio" name="myHobby" value="music" />
<input type="radio" name="myHobby" value="movie" />
<input type="radio" name="myHobby" value="collection" checked/>
다음은 radio 버튼을 활용한 예제이다.
[예제: 138_input_radio.php ]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>INPUT 태그 type="radio"</title>
</head>
<body>
<h1>당신의 취미는?</h1>
<form name="폼태그이름" method="데이터전송방식" action="정보를보낼주소">
음악감상<input type="radio" name="myHobby" value="music" />
영화감상<input type="radio" name="myHobby" value="movie"/>
수집<input type="radio" name="myHobby" value="collection" checked />
</form>
</body>
</html>실행결과
checkbox를 사용하던 때와 달리 다른 보기를 선택하면 기존에 선택된 보기가 선택 해제됨을 알 수 있다.
이는 같은 그룹(동일한 name 속성의 값)에 적용된다.
초보자를 위한 PHP 200제
김태영 지음 | 정보문화사
'Program > PHP' 카테고리의 다른 글
| [PHP] HTML FORM 태그에서 사용하는 input 태그 - email (0) | 2022.10.11 |
|---|---|
| [PHP] HTML FORM 태그에서 사용하는 input 태그 - submit (0) | 2022.10.10 |
| [PHP] HTML FORM 태그에서 사용하는 input 태그 - checkbox (0) | 2022.10.10 |
| [PHP] HTML FORM 태그에서 사용하는 input 태그 - password (0) | 2022.10.10 |
| [PHP] HTML FORM 태그에서 사용하는 input 태그 - text (1) | 2022.10.10 |