HTML&CSS 5일차(정리x)

728x90

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>폼</title>
</head>
<body>
  <!-- form태그는 서버와 연계할 때 사용되는 태그이다 !!아주 중요!!
  action : form 내용을 전송할 전송처를 정함
    => 1) name이 달린 value 값을 전송하게 된다.
    => 2) action이 없으면 내 페이지로 보낸다 (그래서 리로딩된다)
    => 3) 전송 받은 페이지는 전송받은 데이터를 사용해서 어떤 일을 할 수 있다
 
  method : form을 전송하는 방법을 정함
    => GET : 전송하는 데이터가 URL에 표시된다 (기본 값)
    => GET방식에서는 ? 뒤에 X=Y 형식으로 전송된 값이 표시된다
    => 여러 값이 있따면 & 로 구분되어서 표시된다.
    => url에 적힌 값은 숫자형태라고 해도 사실은 문자로 판단된다.
    => ? 뒤에 붙은 값들을 총칭하여 '파라미터' 라고 한다
    => 예) www.naver.com?x=123&y=test / 파라미터 2개
    => post : 전송하는 데이터가 눈에 안보임, 대신 Network탭에서는 다 보임
    => 사용자에게 노출하면 안되는 중요 파라미터는 post방식으로 보내야한다
 
  enctype : form을 전송하는 데이터 형식으로 정함
  데이터를 보내기 위해서는 무조건 name 속성이 필요하다
  -->
 
  <!-- 전송 == submit -->
  <!-- button : form 안에서 사용할 시 누르면 전송이 되버림 (기본 능력) -->
 
  <form action="240313_Input.html" method="post">
    <fieldset> <!-- 하나로 묶어주는 용도 (진짜 그냥 묶는거 ) -->
      <legend>이 부분 제목</legend>
      <span>이건 전송안됨</span> <br>
      <input type="text" name="id" value="python">
      <input type="password" name="pw" value="java">
      <input type="text" name="secret" value="my-secret" hidden>
      <!-- 뜯을려고 맘먹으면 다 뜯을 수 있어서 중요한 내용은 절대 xxx -->
      <input type="text">
      <input type="range"> <br>
      <button type="button">단순 버튼(눌러도 아무것도 안됨)</button> <br>
      <button type="submit">전송(submit)</button> <br>
      <button type="reset">단순 버튼(현재 form의 input data 다 없애라)</button> <br>
      <input type="button" value="단순버튼">
      <input type="submit" value="전송(submit)">
    </fieldset>
  </form>
 
 
 
 
 
</body>
</html>

728x90

저작자표시 비영리 변경금지 (새창열림)

'💜 HTML,CSS' 카테고리의 다른 글

HTML&CSS 7일차 (정리x) (0)	2024.03.23
HTML&CSS 6일차 (정리x) (0)	2024.03.23
HTML&CSS 실습2 (정리x) (0)	2024.03.23
HTML&CSS 실습1 (정리x) (0)	2024.03.23
HTML&CSS 4일차 (정리x) (0)	2024.03.23

내 블로그 - 관리자 홈 전환	`Q` `Q`
새 글 쓰기	`W` `W`

글 수정 (권한 있는 경우)	`E` `E`
댓글 영역으로 이동	`C` `C`

이 페이지의 URL 복사	`S` `S`
맨 위로 이동	`T` `T`
티스토리 홈 이동	`H` `H`
단축키 안내	`Shift` + `/` `⇧` + `/`

HTML&CSS 5일차(정리x)

'💜 HTML,CSS' 카테고리의 다른 글

티스토리툴바

단축키

내 블로그

블로그 게시글

모든 영역

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>폼</title>
	</head>
	<body>
	<!-- form태그는 서버와 연계할 때 사용되는 태그이다 !!아주 중요!!
	action : form 내용을 전송할 전송처를 정함
	=> 1) name이 달린 value 값을 전송하게 된다.
	=> 2) action이 없으면 내 페이지로 보낸다 (그래서 리로딩된다)
	=> 3) 전송 받은 페이지는 전송받은 데이터를 사용해서 어떤 일을 할 수 있다

	method : form을 전송하는 방법을 정함
	=> GET : 전송하는 데이터가 URL에 표시된다 (기본 값)
	=> GET방식에서는 ? 뒤에 X=Y 형식으로 전송된 값이 표시된다
	=> 여러 값이 있따면 & 로 구분되어서 표시된다.
	=> url에 적힌 값은 숫자형태라고 해도 사실은 문자로 판단된다.
	=> ? 뒤에 붙은 값들을 총칭하여 '파라미터' 라고 한다
	=> 예) www.naver.com?x=123&y=test / 파라미터 2개
	=> post : 전송하는 데이터가 눈에 안보임, 대신 Network탭에서는 다 보임
	=> 사용자에게 노출하면 안되는 중요 파라미터는 post방식으로 보내야한다

	enctype : form을 전송하는 데이터 형식으로 정함
	데이터를 보내기 위해서는 무조건 name 속성이 필요하다
	-->

	<!-- 전송 == submit -->
	<!-- button : form 안에서 사용할 시 누르면 전송이 되버림 (기본 능력) -->

	<form action="240313_Input.html" method="post">
	<fieldset> <!-- 하나로 묶어주는 용도 (진짜 그냥 묶는거 ) -->
	<legend>이 부분 제목</legend>
	<span>이건 전송안됨</span> <br>
	<input type="text" name="id" value="python">
	<input type="password" name="pw" value="java">
	<input type="text" name="secret" value="my-secret" hidden>
	<!-- 뜯을려고 맘먹으면 다 뜯을 수 있어서 중요한 내용은 절대 xxx -->
	<input type="text">
	<input type="range"> <br>
	<button type="button">단순 버튼(눌러도 아무것도 안됨)</button> <br>
	<button type="submit">전송(submit)</button> <br>
	<button type="reset">단순 버튼(현재 form의 input data 다 없애라)</button> <br>
	<input type="button" value="단순버튼">
	<input type="submit" value="전송(submit)">
	</fieldset>
	</form>





	</body>
	</html>