230405/ 스터디 3일차 회고: HTML form 회원가입 양식 코딩

스터디 3일 차입니다.

주간회고록을 노션에 작성해보았습니다.

 

오늘은 새로운 강의는 없고, 첫 코드챌린지가 있었습니다.

 

HTML 문서에서 여러 가지 input 태그를 집어넣어서

간단히 회원가입 양식을 만들어 보았습니다.

 

이미  한번 만들어본 코드이지만, 열심히 타이핑했습니다.

기존의 것과 겉모습은 똑같지만 이번엔 semantic 태그를 활용해서

header와 main으로 전체 html-body의 구조를 보여줄 수 있게 코드를 만들어서 마음에 듭니다.

 

문제 및 코드를 유출하면 (아마) 안되어서 여기 남길 수 없는 게 아쉽습니다.

 

TIL

팁: 태그속성은 공식문서로 꼭 확인하자. 

input 태그로 만든 submit 버튼입니다.

위의 버튼은 다음과 같은 코드로 만들어졌습니다.

<input type="submit" value="Create Account">

 

버튼 위의 글씨를 표시할 때에 쓰인 속성은 value입니다.

text 타입의 input 태그처럼  placeholder="Create Account"

속성을 입력하였을때에는 값이 표시되지 않았습니다.

 

같은 input 태그임에도 불구하고, 위에 글씨를 표기하는 속성이 달랐습니다.

 

사소한 것이라도 꼭 문서를 찾아봐야겠습니다.