feat: inputmode 수정

BCSDLab · Sep 11, 2024 · ca15101 · ca15101
1 parent bf6ea8e
commit ca15101
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 0 deletions.
diff --git a/src/page/Auth/FindPassword/Verify/index.tsx b/src/page/Auth/FindPassword/Verify/index.tsx
@@ -107,6 +107,7 @@ export default function Verify() {
             })}
             maxLength={11}
             type="text"
+            inputMode="numeric"
             placeholder="-없이 번호를 입력해주세요."
           />
           <button
@@ -145,6 +146,7 @@ export default function Verify() {
               },
             })}
             type="text"
+            inputMode="numeric"
             placeholder="인증번호를 입력해주세요."
             maxLength={6}
           />

diff --git a/src/page/Auth/Login/index.tsx b/src/page/Auth/Login/index.tsx
@@ -74,6 +74,7 @@ export default function Login() {
                 [styles['form__input--error']]: isError,
               })}
               type="text"
+              inputMode="numeric"
               placeholder={isMobile ? '휴대폰번호' : '휴대폰 번호를 입력하세요'}
               {...register('account')}
             />

diff --git a/src/page/Auth/Signup/components/phoneStep/index.tsx b/src/page/Auth/Signup/components/phoneStep/index.tsx
@@ -157,6 +157,8 @@ export default function PhoneStep({ setIsStepComplete }: PhoneStepProps) {
               [styles['error-border']]: !!errors.phone_number,
             })}
             placeholder="-없이 번호를 입력해주세요."
+            type="text"
+            inputMode="numeric"
           />
           <button
             type="button"
@@ -197,6 +199,8 @@ export default function PhoneStep({ setIsStepComplete }: PhoneStepProps) {
             })}
             placeholder="인증번호를 입력해주세요."
             maxLength={6}
+            type="text"
+            inputMode="numeric"
           />
           <button
             type="button"