HTML DOM Input 숫자 객체
- 이전 페이지 <input> month
- 다음 페이지 <input> password
Number 객체
Number 객체는 HTML5에서 새로운 객체입니다.
Number 객체는 HTML <input type="number"> 요소를 나타냅니다.
비고：Internet Explorer 9 및 이전 버전은 <input type="number"> 요소를 지원하지 않습니다.
Number 객체 접근
getElementById()를 사용하여 <number> 요소에 접근할 수 있습니다：
var x = document.getElementById("myNumber");
주의事项：폼을 순회하면서도 접근할 수 있습니다. elements 집합 Number 객체에 접근할 수 있습니다.
Number 객체 생성
document.createElement() 메서드를 사용하여 <number> 요소를 생성할 수 있습니다：
var x = document.createElement("INPUT");
x.setAttribute("type", "number");
Number 객체 속성
| 속성 | 설명 |
|---|---|
| autocomplete | number 필드의 autocomplete 속성 값을 설정하거나 반환합니다. |
| autofocus | 设置或返回 number 字段在页面加载后是否应自动获取焦点。 |
| autofocus | 페이지 로드 후 number 필드가 자동으로 포커스를 받도록 설정하거나 반환합니다. |
| defaultValue | number 필드의 기본 값을 설정하거나 반환합니다. |
| disabled | number 필드가 비활성화되었는지 설정하거나 반환합니다. |
| form | number 필드를 포함하는 양식에 대한 참조를 반환합니다. |
| list | number 필드를 포함하는 datalist에 대한 참조를 반환합니다. |
| min | number 필드의 min 속성 값을 설정하거나 반환합니다. |
| name | number 필드의 name 속성 값을 설정하거나 반환합니다. |
| placeholder | number 필드의 placeholder 속성 값을 설정하거나 반환합니다. |
| readOnly | number 필드가 읽기 전용인지 설정하거나 반환합니다. |
| required | 양식 제출 전에 number 필드를 필수 입력하도록 설정하거나 반환합니다. |
| step | number 필드의 step 속성 값을 설정하거나 반환합니다. |
| type | number 필드의 양식 요소 유형을 반환합니다. |
| value | number 필드의 value 속성 값을 설정하거나 반환합니다. |
Input Number 객체 메서드
| 메서드 | 설명 |
|---|---|
| select() | number 텍스트 필드의 내용을 선택합니다. |
| stepDown() | 지정된 숫자로 number 필드의 값을 감소시킵니다. |
| stepUp() | 지정된 숫자로 number 필드의 값을 증가시킵니다. |
- 이전 페이지 <input> month
- 다음 페이지 <input> password
