✨ #94 inputMode属性を付与

kento-yoshidu · May 21, 2023 · 5525310 · 5525310
1 parent 5152bd2
commit 5525310
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/__tests__/form4.test.tsx b/__tests__/form4.test.tsx
@@ -23,7 +23,7 @@ afterEach(() => {
 
 afterAll(() => server.close())
 
-const inputText = "メールアドレス (※必須)"
+const inputText = "メールアドレス ※必須"
 const buttonText = "送信する"
 
 describe("Form4", () => {

diff --git a/pages/form4/index.tsx b/pages/form4/index.tsx
@@ -83,7 +83,7 @@ const Form4 = () => {
             onSubmit={submit}
           >
             <label htmlFor="email" className={styles.label}>
-              メールアドレス <span>(※必須)</span>
+              メールアドレス <span>※必須</span>
             </label>
 
             <input
@@ -92,6 +92,7 @@ const Form4 = () => {
               type="email"
               className={styles.input}
               placeholder="[email protected]"
+              inputMode="email"
               onChange={handleChange}
               onBlur={handleBlur}
               onFocus={handleFocus}