EnterKeyHint

私は最近、フォーム入力のEnterKeyHint属性が何かであることを知りました！ HTMLフォームマークアップを作成することは、フロントエンド開発者の生活のまともなスライスであり、この属性はほぼすべての入力で使用できる（必要な）可能性があるため、私にとっては一種の大したことのように思えます。

EnterKeyHint属性は、モバイルキーボードのアクションキーを変更して、テキスト/アフォーダンスを変更します。ステファンジュディスは、2020年からのこのツイートでそれをうまく綴ります：

だから、私はこのようなフォームを持っているとします：

名前： 好きな曲： 保存

そこのユーザーエクスペリエンスは、「保存」するフォームを提案しますが、デフォルトでは私の手のiPhoneでは、キーボードの青いボタンに「GO」と言います。

それは災害などではありませんが、今ではそのボタンにいくつかのオプションがあります。私はこれをスペックから盗みます。スペックは、それらを「入力モダリティ」と呼びます。

真面目なWebプロフェッショナルとして、Enterkeykint = "Poo"も試してみましたが、残念ながら、ブラウザから尊敬されていませんでした。 Androidでは、アクションボタンは常にテキストに変わるだけでなく、アイコンを使用することに注意してください。したがって、値送信のために、「送信」ラベルではなく、小さな紙の飛行機アイコンを取得します。だから、ええ、明らかにうんちが変わるべきでしたか？

上記の小さなフォームの例については…値は、行くよりもどういうわけか私にとっては気分が良くなります。それを変更したい場合は、すべてのインタラクティブフォーム要素の属性を追加します。

名前： 好きな曲： save

この属性は、フォーム入力に直接送られるため、特に長いフォームで、すべての入力に対してそれを書くことが少し繰り返されると感じます。しかし、それはあなたにそれを変える機会を与えます、どの入力に焦点を合わせているかに応じて。

Saveは有効なオプションではないことに気付きました。多くのフォームが提供するもののように感じるので、それは奇妙に思えます。おそらく、Webプラットフォームは、ユーザーが強制できないことをユーザーに伝えるものを提供したくないのでしょうか？ただし、次または以前に動作をまったく変更しない場合は、次の場合は次の入力または以前の入力に焦点を合わせている場合は、自分でコーディングする必要があるためです。デフォルトでは、アクションボタンは、通常のようにフォームを送信するだけです。

Stefanが最近、Firefoxが今それをサポートしているとツイートし、この機能の大部分の完全なサポートセットを提供したので、私はこれらすべてに出会いました。この機能は、モバイルブラウザにのみ関連しています（または、仮想キーボードをサポートするブラウザ？）、Firefoxモバイルが存在することを考えていました。私はすべてのブラウザがiOS（？）のSafariであるという事実にとても慣れています。ただし、Androidでは、「リアル」Firefoxを使用できます。これは、異なるモバイルブラウザーが存在するだけでなく、異なるモバイルブラウザーにも異なる動作があることを思い出させることです。

EnterKeyHintのサポートよりも前にあるこのビデオでは、最初の入力（および直接送信する方法はない）に焦点を合わせたときにVirtual Keyboardが次のUIを自動的に提供する方法に注意してください。これは、提供されているのは、キーボード自体の上にある上下の矢印がほとんどない入力間のナビゲーションだけであるiOSとは著しく異なります。

全体として、行動に合わせて作成するほとんどのHTMLフォームで使用しない場合、少なくともすべてを認識する必要があるかなりクールな機能です。

以上がEnterKeyHintの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。