본문 바로가기

PHP

[PHP] 라디오 버튼으로 값 체크하기

input radio

<input type=“radio”>는 라디오 버튼(radio button)을 정의하는 HTML 태그 속성이다.

서로 연관된 옵션들의 집합을 보통 하나의 라디오 버튼 그룹으로 나타내며, 그룹 내의 라디오 버튼은 오직 하나만이 선택될 수 있다.

즉, 두 개 이상의 값 중에서 하나의 값을 선택하고자 할 때 사용한다.

 

php 코드 예시

<label>
	<input type = "radio" name = "type" value = "type01"
	<?php if ( $type == "type01" ) { echo "checked" ;} ?> >
	type01
</label>
<label>
	<input type = "radio" name = "type" value = "type02"
	<?php if ( $type == "type02" ) { echo "checked" ;} ?> >
	type02
</label>

 

input 태그의 type 속성을 radio로 설정한다.

 

value 속성에 설정한 문자열이 웹 페이지에서 버튼의 이름으로 표시된다.

 

name 속성을 임의의 키로 설정한다.

 

if 조건문을 사용해 표시 조건을 구분한다.

 

HTML <input> 태그와 <input> 태그의 type 속성

<input> 태그는 사용자로부터 입력을 받을 수 있는 입력 필드(input filed)를 정의할 때 사용한다.

<input> 요소는 사용자가 데이터를 입력할 수 있는 입력 필드를 선언하기 위해 <form> 요소 내부에서 사용된다.

이러한 입력 필드는 <input> 요소의 type 속성값을 달리함으로써 여러 가지 모양으로 나타낼 수 있다.

<input> 요소는 빈 태그(empty tag)이며, 속성만을 포함한다.

<label> 요소를 사용하면 <input> 요소의 라벨(label)을 정의할 수도 있다.

<input> 태그의 type 속성은 <input> 요소가 나타낼 타입을 명시한다.

type 속성의 기본값은 “text”이며, <input> 요소의 필수 속성은 아니지만 항상 명시하는 것이 좋다.


HTML 문법

<input type="속성값">
<input type="radio">

 

 

 

 

 

2023. 4. 24

 

참고한 글

http://www.tcpschool.com/html-tags/input

http://www.tcpschool.com/html-tag-attrs/input-type

http://www.tcpschool.com/html-input-types/radio

https://devjhs.tistory.com/530

https://miyakita.tistory.com/176