위코드 개강(8/17) D-31
1. 배운 것 : freecodecamp.org css 'learn applied accessibility'
1) html label 태그
- label 태그는 form의 양식에 이름을 붙이는 태그
- label의 for의 값과 양식의 id의 값이 같으면 연결됨
2) html fieldset 태그
- form 양식 내에서 관계된 요소들끼리 묶어주고, 박스로 표기할 수 있는 기능
- 박스의 이름을 legend 요소를 통해 표기할 수 있음
<fieldset>
<legend>What level ninja are you</legend>
<input id="newbie" type="radio" name="levels" value="newbie">
<label for="newbie">Newbie Kitten</label><br>
<input id="intermediate" type="radio" name="levels" value="intermediate">
<label for="intermediate">Developing Student</label><br>
<input id="master" type="radio" name="levels" value="master">
<label for="master">Master</label>
</fieldset>
3) input 태그 사용해서 날짜 입력창 생성하기
- input의 type을 "date"로 설정하여 일자를 입력하는 input으로 변경할 수 있음
<input type="date" id="pickdate" name="date">
2. 개발할 것
1) 노마드코더 JS 강의 재수강
2) codewars javascript 문제 풀기 (3문제 도전)
3) freecodecamp 'applied accesibility' 강의 (계속)
3. 회고
html, css 복습과 기록(계속).
'프로그래밍' 카테고리의 다른 글
wecode 사전스터디 1주차(7/19) 로그 (0) | 2020.07.19 |
---|---|
wecode 사전스터디 1주차(7/18) 로그 (0) | 2020.07.18 |
wecode 사전스터디 1주차(7/16) 로그 (0) | 2020.07.16 |
wecode 사전스터디 1주차(7/13) 로그 (0) | 2020.07.15 |
TIL - 200625 (0) | 2020.06.25 |
댓글