什麼輸入類型用於外部網址中的圖像？

Question

我知道，如果我想有一個HTML字段，它可以讓用戶上傳本地文件，我可以使用

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

但是，讓我們說，我保證所有圖片將在有效的絕對URL到圖片。我如何讓用戶指定？我使用什麼輸入類型？

Answer 1

您可能需要使用：

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

HTML5具有URL輸入類型：

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

上輸入諮詢MDN更多inforation。

Answer 2

如果用戶只是指定一個可以找到圖像的URL，那麼他們真正輸入的只是文本。沒有input特定於URL的元素。

<input type="text" /> 

你做與文本什麼完全是另一回事。 HTML沒有辦法驗證它是一個圖像的URL，一個有效的URL等。這就是你必須在代碼中完成的所有事情。