새로운 유형의 입력 유형 만들기

Question

일반적인 숫자, 텍스트 등과 달리 새로운 유형의 입력을 생성 할 수 있는지 궁금합니다. 예를 들어 인턴쉽을위한 산불 모델을 만들고 있습니다. 내가 추가하려고하는 한 가지는 바람이다. 내가 <input type='wind'/>과 같은 것을 할 수 있는지 궁금 해서요. 어떻게 생겼는지, 어떻게 동작 하는지를 정의하십시오. 나는 다른 방법으로도 할 수 있지만, 이런 식으로 할 수 있는지를 알고 싶었습니다.

감사

Answer 1

사용할 수 input 유형의 목록은 여기에 있습니다 : http://www.w3.org/community/webed/wiki/HTML/Elements/input

type 속성이 열거 된 텍스트의 기본값 (만 그 값을 사용할 수 있습니다 즉).

그러나 class="wind" 등을 입력에 추가하고 JavaScript를 사용하여 이러한 모든 입력의 동작을 변경하는 것을 막을 수있는 방법은 없습니다.

Answer 2

실제로 실제로는 아무 것도 실제로 <input type='wind'/>을 HTML에 쓰거나 스타일을 지정하고 스크립트로 작성하는 것을 방해하지 않습니다. (jQuery 사용) $('input[type=wind]').click(handler). 그것은 유효한 HTML이 아니지만 이것은 단지 규격을 따르지 않는다는 것을 의미합니다. 브라우저는 그렇게 신경 쓰지 않습니다. 요소를 특성 값을 인식하지 못하므로 기본 텍스트 입력 상자로 처리하므로 기본값은 type='text'입니다. 이것은 DOM 노드가 type 속성의 값 text 갖지만, 제안의 attributes 어레이 (물론, 어레이 형상 물체)가 여전히 type

값으로 그래서 <input class='wind'>를 이용한 것과 같다 wind을 가짐을 의미 @ExplosionPills에 의해, 단지 다른 속성 이름을 사용하고 여분의 합병증이 있습니다. 어느 쪽이든, 대체 (스크립트가 비활성화 된 상황에서)는 일반적인 텍스트 입력 상자입니다.

대체는 관련이없는 경우 (페이지는 자바 스크립트없이 전혀 작동하지 않을 것입니다)이, class와 span 또는 div 요소를 사용하고 당신이 좋아하는 방식을 구현하는 것이 가장 간단 할 것입니다. 그렇다면 일반 텍스트 입력 상자의 기본 렌더링 및 동작을 처리 할 필요가 없습니다. 자신의 렌더링 및 기능을 선호하여이를 지우는 것이 약간 까다로울 수 있습니다.