id : 요소에 고유한 이름을 부여하는 식별자 역할 속성
class : 요소를 그룹 별로 묶을 수 있는 식별자 역할 속성
style : 요소에 적용할 CSS 스타일 선언 속성
title : 요소의 추가 정보를 제공하는 텍스트 속성 (툴팁) 즉, 마우스 올렸을 때 미리보기
input : 사용자로부터 값을 입력받을 수 있는 대화형 컨트롤(필드)를 나타냄 , 인라인 요소 이며 단일 태그
<input >
type="text" 글 입력창 , "button" 클릭 버튼, "color" 색 선택, "range" 범위 선택, "date" 날짜 선택
<input type="text" maxlength="5"> 에서 maxlength는 글자 제한
<input type="button" value="push"> 에서 push는 버튼안에 들어가는 문구
<input type="range" max="100" min="0" step= "10"> 10씩 움직임. 최대 최소 설정.
'개발 > Frontend' 카테고리의 다른 글
[HTML, CSS, Javascript] To Do List 코드 분석 (0) | 2021.08.16 |
---|---|
[CSS] 기초 - 주석, HTML과 연결 (0) | 2021.08.15 |
[HTML] 기초 - em, mark, 블록 요소, 인라인 요소, 컨테이너, hr (0) | 2021.08.15 |
[HTML] 기초- ul, ol, li, html주석 (0) | 2021.08.14 |
[HTML] 기초 - br, p, strong, u, h1~h6 (0) | 2021.08.14 |
댓글