MultipleInputBox


method

property

attribute

customEvent

CSS

ETC


.addInputBox()


@data-inputBoxType="div" //자동으로 너비가 늘어남 // 더이상 지원 안됨. text로 대체. 다른 것도 자동으로 너비가 늘어남!


@data-inputBoxType="text"


@data-inputBoxType="number"


@data-inputBoxType="range"


@data-removeEmptyBox //빈 inputbox 자동 삭제


@data-separator="^" //문자열 구분자 변경


@data-useJSON //serialize 처리에 JSON 사용


//내부에 inputbox 없이 사용


CSS .multipleInputBox-inline


인라인으로도 동작이 됩니다.
인라인으로도 동작이 됩니다.

data-min="3" data-max="5" //inputbox 의 최수/최대 갯수

data-inputBoxType="custom"
cfg{customInputBox:'<input type="text" placeholder="input here" style="background-color:#abc" />'}

data-inputBoxType="custom"
cfg{customInputBox:document.querySelector('.mib14-select')}

data-inputBoxType="custom"
cfg{customInputBox:function(mib){~~~}}

data-autoAddInputBox //탭과 엔터로 inputbox 자동 추가(enter로 submit 불가)

data-autoRemoveInputBox //backspace와 delete 시 값이 없으면 inputbox 삭제

data-autoAddInputBoxOnlyTap //탭으로만 inputbox 자동 추가(enter로 submit 가능)

data-autoAddInputBox & data-autoRemoveInputBox

data-prefix & data-suffix

data-once-required 최초의 inputbox에만 required 설정한다.