프론트엔드 3일차

# form태그

form태그의 형태

실행하면 위와 같이 나타납니다. 앞에 p태그를 다 붙여서 실행하면 

p태그 붙였을 시

가로로 되어있던게 세로로 나타납니다.

각각 설명하자면 text는 텍스트를 한줄만 입력가능한 공간입니다.

password는 텍스트를 한줄만 입력가능하게 해주는데 글자를 숨겨줍니다.

radio는 여러개의 보기중에 하나만 선택 가능하도록 해줍니다. (name설정 필요)

checkbox는 여러개의 보기중에 여러개 선택 가능하도록해줍니다. (name 설정 필요 없음!)

file은 내 컴퓨터에 있는 파일을 업로드 할 때 사용합니다.

위는 체크박스와 비슷하지만 클릭을 했을때만 보기를 보여줍니다.

textarea는 글을 내가 원하는 만큼 쓰게 해줍니다. 이때 cols는 가로로 쓸 수 있는 글자들의 갯수를 제한합니다.

rows는 세로로 쓸 수 있는 글자들의 갯수를 제한합니다. (몇줄을 쓸 수 있는지) 

(보통 영어글자를 기준으로함 , 거의 쓰지 않음!)

label은 위의 것들의 제목을 나타낼 수 있습니다.

(있어도 없어도 상관X)

EX

text앞에 이름을 붙이면

실행 했을 때 이렇게 나타납니다.