프로그래밍

[Web] day32 : form 태그 본문

Web/Web

[Web] day32 : form 태그

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

2023.06.20.화

form 태그

<form> 태그의 action 속성은 폼 데이터(form data)를 서버로 보낼 때 해당 데이터가 도착할 URL을 명시한다

필수 속성으로 명시해주어야 한다

기본값은 GET 방식이며 POST방식으로도 전송할 수 있다

 

 









<!-- 어떤페이지로 form 안의 데이터를 전송할지 경로 -->
<form action="test12.html" method="post">
	<!-- 어떤 데이터를 무슨 이름으로 보낼지 -->
	<input type="text" name="apple" placeholder="아이디를 입력하세요" required> <br>
	<input type="text" name="banana" placeholder="비밀번호를 입력하세요" readonly="readonly"><br>
	<input type="file"><br>
	<input type="hidden"><br>
	<input type="number" max="3" min ="1"><br>
	<input type="password"><br>
	<input type="button"><br>
	<input type="range"><br>
	
	
	<!-- 데이터 전송 버튼 -->
	<input type="submit" value="전송">


</form> <!-- 필수 속성 -->

 

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

<form action="test12.html">
	<select name = "product">
		<option>셔츠</option>
		<option>바지</option>
		<option>셔츠</option>
		<option selected>운동화</option>
		<option>구두</option>
	</select>
</form>

</body>
</html>
728x90
반응형

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

[Web] day33 : CSS 기초  (0) 2023.07.04
[Web] day32 : radio 버튼  (0) 2023.07.03
[Web] day32 : table 태그를 활용하여 표 만들기  (0) 2023.07.03
[Web] day32 : HTML 이미지 태그  (0) 2023.07.03
[Web] day32 : HTML 시맨틱 태그  (0) 2023.07.03
'Web/Web' Related Articles more
Comments