「お問い合わせページ」のボタンが反応しない

Question

###前提・実現したいこと
お問い合わせページを作成したく、このURLの通り進めております。

###発生している問題・エラーメッセージ
パソコンからだと問題なく動作する（選択できる）のですが、スマホからですと「参加希望日時」「送信」「リセット」のボタンが動作しない（選択できない）という事象が発生しています。

※タップ自体はできているようですが、そこからの反応が全くありません。
※スマホはAndroidで、ブラウザはChromeを使っています。機種は、SONY XPERIA SO-02Fです。

コードとしては、以下が該当します。

<input size="30" type="date" name="参加日時" />
<input type="submit" class="button" value="　 確認 　" />
<input class="button" type="reset" value="リセット" />

これは、上記コードとAndroidは相性が悪いということでしょうか、当方のスマホの挙動がおかしいということでしょうか？

ご教示頂けますと、有り難く存じます。

Comments

[masaya_ohashi]

一旦参加日時のdateをtextかなにかに変更してみてください。それでresetとsubmitが動作するかどうか確認してください。

[yafoo]

遅くなり申し訳ありません。やってみましたが、特に変わらず・・・。もう少しトライしてみます

Answer 1

fullPage.js というライブラリを外したら正常に動いたので、使い方が正しいか再度チェックしてみてください。

全体的に構造や記述がチグハグで非常にわかりにくく感じました。同じメタタグが何度もでてきたりと、いろんなサイトのサンプルコードをわからずに合体させているような印象です。

あまり欲張らずにシンプルな作りから始めることをおすすめします。

Comments

[yafoo]

ごめんなさい、ちぐはぐに見えるのは元々作っているコードから関係ないところを削ったからだと思います。
fullpage js は申し訳ありませんが必須で作っているので、それ以外の方法を探そうと思います・・・。

[yafoo]

どうも、ここに記載されているのと同じ問題のようです。https://mahoroba148.com/fullpagejs/
Submitはとりあえずこれで解決できそうですが、dateはどうしようかなぁ・・・textで代用しようかなぁ・・・と考えているところです。

[yafoo]

とりあえずdateの下にtextタグも埋め込んでやってみることにしました。
（dateタグで入力できない人は、textタグで入力してください、という形ですね）