[HTML] form

2020. 7. 30. 14:59·HTML+CSS+JS

사용자가 서버 쪽으로 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>
저작자표시 비영리 변경금지 (새창열림)

'HTML+CSS+JS' 카테고리의 다른 글

[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
'HTML+CSS+JS' 카테고리의 다른 글
  • [HTML5] 히든 필드(Hidden field) 사용하는 이유
  • [JavaScript] Object
  • [JavaScript] Function
  • [JavaScript] Array data type
BS Kwak
BS Kwak
  • BS Kwak
    Slow but steady wins the race
    BS Kwak
  • 전체
    오늘
    어제
    • 카테고리 (161)
      • Project (2)
      • Next.js (3)
      • HTML+CSS+JS (17)
      • Computer Science (139)
        • Programming Language (52)
        • 자료구조와 알고리즘 (75)
        • Digital circuit (3)
        • 기타 error (9)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

    • 깃허브
  • 공지사항

  • 인기 글

  • 태그

    mysql error
    해시
    cmd error
    c++error
    LNK2001
    런타임 에러
    티스토리챌린지
    leetcode
    오블완
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.1
BS Kwak
[HTML] form
상단으로

티스토리툴바