如何添加一个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>"

我需要什么补充，使这个可能吗？

当前的代码似乎并没有包含任何用于让用户提交的图像 - 这将是一个“'元素。为了让他们提交图像的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")%>" />

答

如果你绝对必须使用输入，试试这个：

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

它通常是一个小更容易使用的按钮与IMG内：

文字然而按钮提交浏览器的实现是不一致，以及使用按钮时发送所有按钮值的事实 - 这会杀死多重提交表单中的“按钮单击”检测。

如何添加一个HTML图像输入到表单？

相关推荐