TIL] input type과 box-sizing

input type

input 요소의 동작 방식은 type특성에 따라 달라진다.
특성을 지정하지 않은 경우 기본값은 text이다.

input 태그의 autocomplete 속성은 input요소에서 자동완성 기능을 사용 여부를 결정해준다.

on으로 설정하게되면 브라우저는 사용자가 이전에 입력했던 값을 기본으로

드롭다운 형식으로 보여주게 된다.

off를 하게되면 자동완성 기능을 사용하지 않게 된다.

input타입의 required속성은 폼 데이터가 서버로 제출되기 전 반드시 채워져있어야하는 입력 필드임을 명시한다.

required속성은 불리언 속성인데 해당 속성을 명시하지 않으면 자동으로 False가 되고

명시하게 되면 True가 된다.

input타입의 password는 직관적이다.

해당 인풋에 무언가 입력하면 비밀번호처럼 *가 표시된다.

box-sizing은 크게 4가지 종류가 있다.

content-box: 콘텐츠 영역을 기준으로 크기를 정한다.

border-box: 테두리를 기준으로 크기를 정한다.

initial: 기본값으로 설정한다.

inherit: 부모요소의 속성 값을 상속받는다.

이번에 2번째 토이프로젝트를 하면서 css와 html을 좀 더 공부하게 되었다.

내가 알던 것은 정말 새발의 피였고 html과 css는 정말 드넓은 세계였다.

공부하면서 너무 재밌어서 집중하느라 시간이 금방 갔다.

자유자재로 html과 css를 다루는 날이 빨리 왔으면 좋겠다

열심히 해야겠단 생각이 많이 드는 하루였다👍