如何添加一個HTML圖像輸入到表單？

我希望用戶提交像imgur這樣的網站上託管的圖像，而不是將它們上傳到我的服務器上。如何添加一個HTML圖像輸入到表單？

我該如何在html中實現這個功能？

這是我的形式看起來像現在：

response.write "<form action="""" method=""post"">" &_ 
       "<input type=""hidden"" name=""stage"" value=""2"">" &_ 
       "Title: " &_ 
       "<input type=""text"" name=""title""><br>" &_ 
       "Post: " &_ 
       "<textarea id=""post"" name=""post""></textarea><br>" &_ 
       "<select name=""category"">" 
       do until info.eof 
        response.write "<option value=""" & info(0) & """>" & info(1) & "</option>" 
        info.movenext 
        loop 
        response.write "</select>" &_ 
       "Category <i>(pick one)</i><br>" &_ 
       "<br>" &_ 
       "<input type=""submit"" value="" add post "">" &_ 
       "</form>"

我需要什麼補充，使這個可能嗎？

來源

2013-10-10 chap

當前的代碼似乎並沒有包含任何用於讓用戶提交的圖像 - 這將是一個「< input type = file>'元素。爲了讓他們提交圖像的URL，你可以使用''（在舊瀏覽器中降級爲''）。但是這會給你一個URL，可能在某種程度上進行了語法檢查;您仍然需要編寫實際使用該URL獲取圖像的代碼。 –

只需使用普通的文本字段，並要求用戶將圖像URL放在那裏。將其作爲原始字符串存儲在數據庫中，並使用普通的<img>標籤進行顯示。

的形式將會是：

response.write "<form action="""" method=""post"">" &_ 
    "<input type=""hidden"" name=""stage"" value=""2"">" &_ 
    "Title: " &_ 
    "<input type=""text"" name=""title"" /><br />" &_ 
    "Image: " &_ 
    "<input type=""text"" name=""image"" /><br />" &_ 
    ...

，並顯示：

<img src="<%=rs("imageUrl")%>" />

來源

2013-10-13 11:19:22

如果你絕對必須使用輸入，試試這個：

background-image: url(...); 
background-repeat: no-repeat; 
background-position: <left|right>; 
padding-<left|right>: <width of image>px;

它通常是一個小更容易使用的按鈕與IMG內：

文字然而按鈕提交瀏覽器的實現是不一致，以及使用按鈕時發送所有按鈕值的事實 - 這會殺死多重提交表單中的「按鈕單擊」檢測。

來源

2013-10-10 04:31:01

如何添加一個HTML圖像輸入到表單？

回答

相關問題