221128 HTML 태그

JSP

221128 HTML 태그

주영재 2022. 11. 28. 18:16

HTML form 관련 태그

체크박스와 라디오는 name태그로 그룹핑을 꼭 해줘야 함
그룹핑을 하면 체크박스는 여러개를 선택할 수 있고, 라디오는 다중택일임

select
선택지를 제공해준다.

submit
작성한 값들이 어딘가로 전달됨

button을 생성하는 형식은 2개.
<input type="button" value="목록">
<button type="button">목록</button>

file
<input type="file">
파일을 첨부함

정보입력:
<textarea rows="5" cols="30"></textarea>
여러 정보를 입력할 수 있는 태그

NUMBER
<input type="number" value="숫자입력">
숫자만 입력할 수 있음

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

	<!-- form태그는 사용자가 입력한 값을 그대로 받아서 서버에 전송할 때 사용합니다 -->

	<form>
		<h3>입력양식</h3>
		아이디:<input type="text" placeholder="힌트:8글자" maxlength="8" size="10"><br>
		비밀번호:<input type="password" placeholder="힌트:알면뭐하게" size="10"><br>
		
		<!-- checkbox, radio속성은 반드시 name속성을 통일 시켜서 하나의 그룹으로 묶습니다 -->
		관심분야:
		<input type="checkbox" name="inter">JAVA
		<input type="checkbox" name="inter">JSP
		<input type="checkbox" name="inter">JS
		<input type="checkbox" name="inter">HTML
		<input type="checkbox" name="inter">ORACLE
		<br>
		
		전공분야:
		<input type="radio" name="major">경영
		<input type="radio" name="major">컴퓨터
		<input type="radio" name="major">수학
		<input type="radio" name="major">기계공학
		
		<br>
		지역:
		<select name="region">
			<option>서울</option>
			<option>경기</option>
			<option>부산</option>
			<option>인천</option>
		</select>
		
		<br>
		정보입력:<br>
		<textarea rows="5" cols="30"></textarea>
		
		
		<br>
		<!-- form태그의 데이터를 서버로 전송하는 역할 -->
		<input type="submit" value="확인">
		<input type="button" value="목록">
		<button type="button">목록</button>
		<input type="file">
		<input type="reset" value="폼초기화">
		<input type="number" value="숫자입력">
		
	</form>

</body>
</html>