기초 HTML (4) - select, textarea, form

이희찬·2023년 3월 18일
1

기초 HTML

목록 보기
4/4

select

  • 여러 선택지를 포함할 수 있는 선택 메뉴
  • select에 name 프로퍼티 추가 가능
  • option에는 value 프로퍼티를 이용해 실제 처리될 값 지정 가능
<select name="Cafe">
  <option value="starbucks"> 스타벅스 </option>
  <option value="coffeBean"> 커피빈 </option>
  <option value="EDIYA"> 이디야 </option>
</select>

textarea

  • 여러 줄의 텍스트를 입력할 수 있는 입력 요소
  • textarea에 name 프로퍼티 추가 가능
  • rows, cols 프로퍼티를 통해 행, 열의 값 지정 가능
<textarea name="letter"></textarea>

select, textarea 예시


form

  • 클라이언트가 입력한 데이터를 서버로 보내기 위해 사용하는 태그
    • 서버 : 정보를 제공하는 호스트
    • 클라이언트 : 정보를 요청하고 제공받는 사용자
  • 입력 요소들을 감싸, 입력 값을 서버 측으로 제출
  • action
    • 입력값을 전송할 서버의 url을 담는 프로퍼티
  • method
    • 클라이언트가 입력한 데이터 전송방식(GET, POST)를 담는 프로퍼티
  • GET : 서버로부터 정보를 가져오겠다는 성격의 요청
  • POST : 서버의 정보를 조작하겠다는 성격의 요청

예시

profile
1717177

0개의 댓글