14일차_ HTML/CSS (7)

<input> 태그

인풋 타입 텍스트와 패스워드

<input type="text" id="id_input" placeholder="아이디를 입력하세요">

<br>

<input type="password" id="pw_input" placeholder="비밀번호를 입력하세요"

 

*

type="password" 는 자동으로 암호화된다.

placeholder는 안내문?같은게 보여지도록 한다.

 

 

 

인풋 타입 라디오

<input type="radio" name="radio_btn">

<input type="radio" name="radio_btn">

<input type="radio" name="radio_btn">

 

*

일반적으로 라디오버튼은 단일 선택시 쓰기 때문에 네임을 같게 주어야한다.

네임을 다르게 하면 다중선택으로 된다.

 

 

 

인풋 타입 체크박스

<input type="checkbox" id="check1">

<input type="checkbox" id="check2">

<input type="checkbox" id="check3">

 

 

 

<input type="button" id="my_btn" value="나의버튼">

 

*

button 태그로도 가능하다.

<button id="your_btn">너의버튼</button>

 

 

<input type="file">

 

 

---

<form</form> 태그

폼태그의 사용 예시

form에는 전송하는 기능이 있다. 기능(action)을 위해서 form 태그를 쓴다.

따라서 form태그로 로그인창을 감싸준다.

 

위 예시의 결과(스타일을 따로 주었다)

 

---

 

transform: scale()

이미지스프라이트 사용시 크기를 줄일 때 사용한다.