Engineering/Frontend

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

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

Engineering/Frontend

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

📌컨트롤 안내 메시지placeholder HTML 5 --> 컨트롤의 안내 메시지는 placeholder 속성을 작성한다.암호를 입력할 때에는 '*'로 입력되게 할 수 있다.다중 텍스트 박스에서도 마찬가지로 placeholder를 사용한다. 📌필수 입력requiredHTML 5 로그인 아이디: 암호: 필수로 입력을 받으려고 할 때에는 required 속성을 사용한다.required 속성은 자동으로 focus를 가진다. 📌이메일, URL, 전화번호email, url, telHTML 5 이메일: URL: 전화번호: 📌숫자numberHTML 5 나..