사용자가 서버 쪽으로 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 |