15. HTML/CSS _ Input, Textarea

1. Input, Textarea : 사용자가 직접 텍스트를 입력할 수 있는 텍스트 창

2. Input/Textarea 과 속성들..

• 형태 : <input>
• 속성 : type /placeholder

1) type : text, password, number

• text : 일반 텍스 입력 창

  <input type="text" placeholder="ID">
  

• password : 패스워드 공간 (*으로 표현 됨)

  <input type="password" placeholder="비밀번호">
  

• number : 숫자 입력 창

  <input type="number" placeholder="학번">
  

2) placeholder

• placeholder는 도움말을 넣어주는 부분

3. 디자인 변경 - inline element

• input, textarea, button은 모두 inline element라서 한 줄에 이어서 나온다.
• input이나 textarea의 부모에 div태그로 감싸 영역을 분리한다.
• 예)
  <div class="input-wrap">
  <input type="text" placeholder="ID">
  </div>
  <div class="input-wrap">
  <input type="password" placeholder="비밀번호">
  </div>

4. 디자인 변경 - input width

• input, textarea {
  width: 100%;
  }