input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
input
태그의 pattern 속성은 정규표현식을 읽는다. 그러나 일반적으로 작성하는 정규표현식과 달리 태그의 pattern에 바인딩하는 정규표현식은 /로 감싸면 안 된다. 공통 input 컴포넌트→ /[0-9]+/는 적용되지 않고, [0-9]+로 써야만 한다.
이유태그를 사용하면 지난 번 검색했던 내용이 자동완성으로 떠서 번거롭게 느껴지는 경우가 있다. SearchSelector의 경우 자동완성이 옵션 팝업을 일부 가리기 때문에 사용에 있어 불편함이 있다고 판단해 자동완성 기능을 꺼줬다. 방법 필드의 autocomplete 속성을 “off”로 설정해준다. 양식 자동 완성을 끄는 방법 - 웹 보안 | MDN이 문서는 웹사이트에서 양식 필드의 자동 완성을 비활성화하는 방법에 대해 설명합니다.developer.mozilla.org
[ Quasar ] q-input mask로 숫자 포매팅q-input의 mask를 잘만 이용하면 정규표현식 등을 사용하지 않고도 입력 데이터 값의 포매팅을 진행할 수 있다. Input | Quasar Framework The QInput Vue component is used to capture text input from the user. quasar.dev 내가zodev.tistory.com 소수점 2자리를 가진 숫자를 표현하기 위해 지난 번에는 Quasar Input 컴포넌트가 기본으로 제공하는 mask 속성을 활용했다.그러나 mask 속성의 단점은 입력이 조금 부자연스럽고 점 위치가 고정된다는 것이다. 그래서 이 부분을 바꿔달라는 요청이 들어왔고 mask를 버렸다...! 요구사항점 위치가 고정된 ..
