[HTML]form 태그

폼(form) 태그

-데이터를 전송하기 위해서 사용하는 태그 : <form>

-데이터를 입력받을 수 있는 태그 : <input>

 

input태그는 반드시 type속성을 지정해 주어야 한다.

-글자를 입력 받을 수 있는 input type = text

-해당하는 input 태그의 값을 입력 할 때는 value를 사용

-placeholder : 미리보기 텍스트를 지정하는 속성

-autofocus : 자동 커서 설정

-maxlength : 글자 수 길이를 제한 할 수 있는 속성

-readonly : 읽기 전용 속성

name : 입력한 값을 구분짓기 위해 사용하는 속성

중요

from 태그 속성

-action : 데이터를 가지고 이동할 링크를 지정하는 속성

# : 아무곳도 이동하지 않음

-lable : input 태그를 설명해주는 태그

-id : 해당하는 페이지에서 태그를 구분하는 속성(중복 불가능)

-for : input태그의 id와 연결해주는 속성

-datalist : 검색하기 위해 사용하는 태그 option과 함께 사용

-list : datalist와 연결짓기 위해서 datalist의 id값을 넣어줘야 한다.

-select : 선택하여 사용하기 위한 태그 (검색 및 입력이 불가능하다.)

-비밀번호를 입력하는 태그

 

-체크박스 태그

-라디오 버튼(중복을 방지하기 위해서는 해당하는 radio 버튼에 동일한 name을 부여해야한다.)

-파일선택 업로드 태그

-색깔 선택 태그

-날짜 지정 태그

-버튼 태그

-입력한 값을 초기화 시키는 버튼 태그

-입력한 값을 내가 지정한 곳(from : action 링크)로 전송하는 태그

-데이터가 전송되어있는지 확인해보려면 url을 볼것

name속성이 잡혀져있는 데이터만 가지고 이동함!