HTML & CSS/HTML

[HTML] 사용자로부터 입력 받기 2

newbieC 2022. 7. 22. 17:46
 

<input>: 입력 요소 - HTML: Hypertext Markup Language | MDN

HTML <input> 요소는 웹 기반 양식에서 사용자의 데이터를 받을 수 있는 대화형 컨트롤을 생성합니다.

developer.mozilla.org

- 텍스트 인풋의 속성들

- `placeholder` = 빈 칸에 보이는 안내문

- `maxlength` = 최대 길이

- `minlength` = 최소 길이 / 위반시 submit이 거부됨

- 숫자 관련 인풋 속성들

- `min` = 최소값

- `max` = 최대값

- `step` = 간격

- 체크 관련 인풋 속성들

- `checked` = 체크박스 & 라디오 / 체크됨 여부

- `name` = 라디오 / 옵션들의 그룹으로 사용됨

- `value` = 라이도 / 각 옵션마다 실제로 넘겨질 값

- 파일 인풋 속성들

- `accept` = 받아들일 수 있는 파일 형식

- `multiple` = 여러 파일 업로드 가능 여부

 

'HTML & CSS > HTML' 카테고리의 다른 글

[HTML] span과 div 태그의 차이  (0) 2022.07.24
[HTML] 사용자로부터 입력 받기 3  (0) 2022.07.23
[HTML] 사용자로부터 입력 받기  (0) 2022.07.12
[HTML] 다른 곳으로의 링크  (0) 2022.07.11
[HTML] 표 사용하기  (0) 2022.07.10