2020-06-13 IT 자습 FORM

지난 시간에 이어서 FORM 만드는 실습중에서 

 

-<label>을 이용해서  글자 또는 이미지와  input 태그를 한번에 묶어서 하나의 몸뚱아리로 만드는 것을 해봤다. 

text 박스를 클릭안해도 사용자 id 부분 글자를 클릭해도 텍스트 박스가 활성화되고 

체크박스를 사용할때도  이미지나 글자와 같이 <lable> 태그로 묶으면 체크박스에 직접 클릭안해도 글자나 이미지를 클릭하는 것만으로도 선택이 된다.

 

-시간 정보 입력

<month><week><date><time><local>을 이용해서  시간 정보를 입력할 수 있는 form 형태를 만들어봤다.

 

- 시간 정보 입력을 활용해서  

생일 날짜와 생일파티 시간 / 장소를 선택해서 확인누르면 서버에 저장되도록 만드는 웹페이지도 만들어 봤다.

 

- 그리고 <input type=email /url/ tel> 등을 사용해봤다 

거기에  placeholder ="" 라는 속성을주면 ""안에 글자를 적으면 텍스트란에  회색 글자로 "" 가 보여줘서 사용자한테 입력하는 힌트를 준다.

 

- <legend>  태그를 이용하면  div 처럼 하나의 그룹핑을 시켜서 테두리를 만들어준다 그리고 이름도 적어 줄 수있다.

또 <small> 태그를 사용하면  보통 글자보다 작게 타이핑되어서  작은 코멘트처럼 달 수 있따.

 

------ 실습하면서 궁금한점 + 막혔던 부분--------

시간 정보 입력 활용하기에서  실습책에서는 local 이용할때  

input type="datetime-local value=" ">  value="" 에 정확한 날짜를 기입했는데  웹 페이지를 열어보면 value를 입력하는 것과 안하는 것이 동일하게 작동한다.  그래서 왜 value를 적은건지 궁금했다.