HTML5

[HTML5] progress, meter, detail, fieldset, marquee, audio, video, div, span...

2023.09.22

📌진행도 progress progress 컨트롤로 진행 중이라는 것을 화면상에 표시할 수 있다. progress에 value 속성을 넣어서 진행도를 나타내는 게 일반적이다. max 최댓값 속성으로 진행도를 수치화시켜 화면에 표시할 수 있다. meter progress와 비슷한 것으로 meter 컨트롤이 있다. meter는 모든 수치(숫자)를 막대그래프로 표시할 수 있도록 만들어 둔 것이다. min과 max를 사용하여 숫자 범위를 조절할 수 있다. 또한, high와 low로 적정 수준의 범위에 따라서 색을 다르게 표시할 수 있다. 📌세부사항 detail 자바란? 자바는 어쩌구 저쩌구 어쩌구 저쩌구 어쩌구 저쩌구 어쩌구 저쩌구 어쩌구 저쩌구 어쩌구 저쩌구 어쩌구 저쩌구 어쩌구 저쩌구 어쩌구 저쩌구 어쩌구 저..

Programming/HTML

[HTML5] placeholder, required, number, range, color, date...

2023.09.21

📌컨트롤 안내 메시지 placeholder HTML 5 컨트롤의 안내 메시지는 placeholder 속성을 작성한다. 암호를 입력할 때에는 '*'로 입력되게 할 수 있다. 다중 텍스트 박스에서도 마찬가지로 placeholder를 사용한다. 📌필수 입력 required HTML 5 로그인 아이디: 암호: 필수로 입력을 받으려고 할 때에는 required 속성을 사용한다. required 속성은 자동으로 focus를 가진다. 📌이메일, URL, 전화번호 email, url, tel HTML 5 이메일: URL: 전화번호: 📌숫자 number HTML 5 나이: 최소 최대 범위를 min과 max로 정할 수 있다. 그리고 step으로 증감치를 정해줄 수 있다. 📌범위 range HTML 5 범위: range 컨..