input

<input type="text" placeholder="">
input tag는 위와 같이 입력해서 사용할 수 있고 여러가지 input type이 있다.

• text = input안에 텍스트를 입력할 수 있다.
• password = text와 비슷한 속성이지만 뭔가를 입력하면 까만 원으로 표시된다.
• number = input안에 숫자만 입력할 수 있다.
• textarea = text보다 긴 텍스트를 입력받고 싶을 때 사용

placeholder에는 input 박스 안에 들어가는 도움말? 같은 것으로 실제 input의 내용이 아니다

input박스는 기본적으로 inline element로 그냥 쓰게 되면 박스들이 한줄에 이어서 나오게 된다. 이걸 원하지 않는 경우에는 block성질을 가진 태그로 감싸주면 편하게 여러줄에 나오게 만들 수 있고 후에 박스의 크기나 디자인을 바꾸고 싶을 때에도 한번에 여러 박스들을 조정할 수 있기 때문에 편하다.

css를 통해 버튼의 위치, 크기, 색깔 같은 것들도 바꿀 수 있다.(padding, margin, color, width, hover 등등 이용)