프로그래밍

[Web] day32 : radio 버튼 본문

Web/Web

[Web] day32 : radio 버튼

시케 2023. 7. 3. 17:36
728x90
반응형

2023.06.20.화

radio 버튼

프로그램의 수행 순서를 제어하거나, 문장들의 수행 횟수를 조정하는 문장

라디오 버튼은 여러 개의 항목 중에서 하나만 선택하도록 하는 버튼이다

 

radio 버튼
이름
성별 남여
취미 없음 산책 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>radio 버튼</title>
</head>
<body>

	<form action="test12.html">
		<table border="1">
			<tr>
				<td>이름</td>
				<td><input type="text" name="name" placeholder="이름을 작성해주세요"
					required></td>
			</tr>

			<tr>
				<td>성별</td>
				<td>남<input type="radio" name="gender" value="m">여<input
					type="radio" name="gender" value="f"></td>
			</tr>

			<tr>
				<td>취미</td>
				<td>	없음<input type="radio" name="hobby" value="1">
						산책<input type="radio" name="gender" value="f">
						
						
						</td>
			</tr>


			<tr align="right">
				<td colspan="2"><input type="submit" value="데이터 전송"></td>
			</tr>

		</table>


	</form>

</body>
</html>

 

728x90
반응형

'Web > Web' 카테고리의 다른 글

[Web] day33 : CSS 선택자  (0) 2023.07.04
[Web] day33 : CSS 기초  (0) 2023.07.04
[Web] day32 : form 태그  (0) 2023.07.03
[Web] day32 : table 태그를 활용하여 표 만들기  (0) 2023.07.03
[Web] day32 : HTML 이미지 태그  (0) 2023.07.03
'Web/Web' Related Articles more
Comments