서예진 3주차 실습 과제 제출합니다.

[Yejin0070]

[메인 페이지]

[로그인 페이지]

[회원가입 페이지]

[궁금한 점]
회원가입 페이지에서 전공을 입력하는 부분을 div로 처리해야 하는지, input으로 작성해야 하는지 궁금합니다! div로 작성하게 된다면 선택 상자로 만들어야 하는 것인지 또한 궁금합니다!
만약 div로 작성하게 된다면, 다른 입력 상자들과 크기, 스타일, 사이즈 등을 동일하게 만들기 위해선 div에 대해서는 다른 input들의 속성과 따로 작성해야 하는 것인가요?

[hoooooony]

placeholder속성을 잘 사용하셨습니다.
input의 역활을 좀 더 명확하게 나타내기 위해서 input의 왼쪽에 무슨 Input인지 나타내는 텍스트가 있었으면 합니다.

이런식으로요.
선택상자는 할 수 있다면 도전해보면 좋을것 같습니다.!! 드롭다운으로 선택한 값이 Input에 들어가는 기능을 만들면 자바스크립트 연습까지 될 것 같아요.
그리고 마지막 질문에 대해서는 input {}이렇게 하게되면 모든 Input에 스타일이 적용될것입니다. 하지만 이렇게 모든 태그에 스타일을 주는것은 위험할 수 있기 때문에,
이 방법보다는 input에 class명을 주고 해당 class명에 대해서 스타일을 적용하고 특정 input에 대한 스타일 정의가 필요하다면 id도 주어서 스타일을 주는것도 하나의 방법이 될 것 같습니다.

[Yejin0070]

class명으로 각 스타일을 정의하도록 변경했습니다! 하지만 input의 왼쪽에 무슨 Input인지 나타내는 텍스트를 추가해보려 했으나, 각 input 위에 텍스트가 올라가는 것을 확인하였습니다..혹시 input 왼쪽에 라벨을 추가하려면 그리드로 속성을 변경하는 것이 좋은 것인가요?