html - 外部URLの画像に使用する入力タイプは何ですか？

Question

ユーザーがローカルファイルをアップロードできるようにするhtmlフィールドが必要な場合は、使用できることを知っています。

<input type="file"></input>

ただし、すべての画像が画像への有効な絶対URLにあることが保証されているとしましょう。ユーザーにそれを指定させるにはどうすればよいですか？どの入力タイプを使用しますか？

Answer 1

あなたは使用しなければならないかもしれません：

<input type="text"></input>

HTML5にはURL入力タイプがあります：

<input type="url"></input>

詳細については、入力についてMDNを参照してください。

Answer 2

ユーザーが画像を見つけることができるURLを指定しているだけの場合、実際に入力しているのはテキストだけです。inputURLに固有の要素はありません。

<input type="text" />

そのテキストであなたがすることは完全に別の話です。HTMLが画像のURL、有効なURLなどであることを検証する方法はありません。コードで行う必要があるのはこれだけです。