본문 바로가기
프로그래밍

wecode 사전스터디 1주차(7/17) 로그

by Youngbin Kwon 2020. 7. 17.

위코드 개강(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 복습과 기록(계속). 

댓글