사용자가 서버 쪽으로 data를 전송하기 위한 방식으로 HTML의 form 태그 사용

 

<form> 태그

웹 페이지에서의 입력 양식으로, 화면에 보이지 않는 추상적인 태그

(ex. 로그인 창, 회원가입, 등)

속성 action 은 사용자가 입력한 정보를 어디로 보낼 것인지 링크를 설정해준다. 

 

<input> 태그

사용자가 양식을 입력하기 위한 태그 

속성  type(종류), name(데이터 이름), value(기본 값)

type를 text로 설정하면 문자를 입력할 수 있는 폼이 생성됨

type를 password로 설정하면 사용자가 입력하는 문자가 별표 처리 된다. 

type를 submit으로 설정하면 제출하는 버튼이 생성된다. 

 

<form action="http://localhost:3000/process_create" method="post">  
    <p><input type="text" name="title"></p>
    <p>
      <textarea name="description"></textarea>
    </p>
    <p>
      <input type="submit">
    </p>
  </form>

'Web > HTML\CSS\JavaScript' 카테고리의 다른 글

[HTML5] 히든 필드(Hidden field) 사용하는 이유  (0) 2022.03.09
[JavaScript] Object  (0) 2020.07.31
[JavaScript] Function  (0) 2020.07.25
[JavaScript] Array data type  (0) 2020.07.25
JavaScript 기본 문법과 제어문  (0) 2020.07.21

+ Recent posts