공부기록

폼 양식태그 : 회원가입이나 설문조사를 할 때 많이 사용되는 태그이다. 

- 원래 갖고 있는 CSS가 있다. 

1. input태그 (풀태그) : 입력받는 태그 

속성으로 여러 유형을 설정할 수 있다.  

1) type = "text" : 텍스트를 입력받는 속성

- 인라인블록

- tap을 누르면 다음 태그로 넘어간다. 

- CSS로 꾸밀수도 있다 

2) type = " password " : 칸 안에 적는것이 무엇이든지 * 으로 보인다 

3) type ="radio" :  동그라미 칸이 생기고 선택. 하나만 선택할 수 있다. 

-name : 한 세트인가를 알려주는 지표가 된다. 한 세트는 name가 모두 같아야 한다. 

-checked : 처음 시작할때 체크된 채로 시작되는것. 

4) type ="checkbox" : 네모칸이 생기고 중복으로 선택하게 한다.

 * <br/> : 줄바꿈태그. 이 태그 대신 margin을 사용하는것이 권장된다. 

*rardio, checkbox *

- label : 글자를 눌러도 체크가 되게 해주는 태그이다. input 태그를 감싸서 사용함. 체크하는 칸이 너무 좁아서 발생하는 불편함을 위해 생겨난 기능으로 UX를 높여준다. 

방법 1. 

방법 2. (id 이용)

2. select-option : 역삼각형을 열어 여러가지를 선택할수 있게 하는 것을 만든다. 

- selected : 처음 화면이 떴을 때 해당 select 태그에 선택되어 있도록 설정하는 것 

: 다른것으로 바꿔도 새로고침 할 때 마다 대한민국이 선택된 상태가 된다. 

- disabled= "disabled" : 선택되지 못하는것 .

3. textarea : 글을 쓸 수 있는 영억을 만든다. ( input의 type ="text"가 제목으로 쓰인다면 textarea는 내용으로 쓰인다)

* 오른쪽 아래의 삼각형으로 client가 크기를 조절할 수 있다 

 - CSS로 속성을 넣어보자. 

* resixe : none;  :  역삼각형으로 크기조절이 가능했던 것을 불가능하게 한다.