[PHP] HTML FORM 태그에서 사용하는 input 태그 - checkbox
2022. 10. 10. 05:42ㆍProgram/PHP
134_PHP HTML FORM 태그에서 사용하는 input 태그 - checkbox
[요약]
- input 태그를 사용하며, type 속성의 값으로 checkbox를 사용하여 여러가지 보기중에 다수의 값을 선택하는 폼을 만드는 방법에 대해 알아보자.
type 속성의 값이 checkbox이면 여러 보기를 만들고 선택할 수 있다.
체크박스는 나열되어 있는 몇개의 단어중에서 여러 값을 선택할 때 사용하는데, value라는 속성을 사용한다.
value 속성에는 실제 서버에 전송할 값을 입력한다.
type 속성값이 text 또는 password이면 입력한 것 자체가 값이기 때문에 value 속성이 필요없었다. checkbox는 여러 값을 받기 위해 사용되므로 어떠한 체크박스를 선택했을때 그것이 체크되면 어떠한 값을 선택했는지 표시해야 한다.
value 속성을 명시하지 않으면 비 값이 전송된다.
[type 속성값에 checkbox를 적용하는 방법]
<input type="checkbox" name="myHobby" value="music" />type 속성값이 checkbox이면 checked라는 옵션을 사용할 수있다.
기본적으로는 체크박스에 체크가 되지 않은 상태로 표시되지만, checked 옵션을 사용하면 기본적으로 체크된 상태로 표시된다.
[type 속성값이 checkbox일 때 checked를 적용하는 방법]
<input type="checkbox" name="myHobby" value="music" checked/>또한 한 항목에 대한 여러 보기를 만들 때 name같은 한 항목이 모두 동일해야 한다.
예를 들어 취미가 무엇인지에 대한 보기를 만든다면 해당 보기는 모두 같은 name 속성의 값을 사용해야 한다.
다음은 취미생활을 묻고 여러 보기를 보여주는 예제이다.
[예제: 137_input_checkbox.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="checkbox"</title>
</head>
<body>
<h1>당신의 취미는?</h1>
<form name="폼태그이름" method="데이터전송방식" action="정보를보낼주소">
음악감상<input type="checkbox" name="myHobby" value="music" />
영화감상<input type="checkbox" name="myHobby" value="movie" checked />
수집<input type="checkbox" name="myHobby" value="collection" />
</form>
</body>
</html>실행결과
위 그림을 보면 영화감상 체크박스만 선택되어 있는 상태임을 알 수 있다.
[예제 137]의 13라인에서 checked 속성을 사용했기 때문에 디폴트로 선택되어 표시된다.
초보자를 위한 PHP 200제
김태영 지음 | 정보문화사
'Program > PHP' 카테고리의 다른 글
| [PHP] HTML FORM 태그에서 사용하는 input 태그 - submit (0) | 2022.10.10 |
|---|---|
| [PHP] HTML FORM 태그에서 사용하는 input 태그 - radio (0) | 2022.10.10 |
| [PHP] HTML FORM 태그에서 사용하는 input 태그 - password (0) | 2022.10.10 |
| [PHP] HTML FORM 태그에서 사용하는 input 태그 - text (1) | 2022.10.10 |
| [PHP] HTML과 FORM 태그 (0) | 2022.10.10 |