2013-12-18 56 views
0

我有点卡住了,所以我希望你能帮助我。POST参数HTML标签

我有一个页面,我想要一些按钮是图像,但是,虽然我希望它们在一行(在表格的单元格内),但在使用<form>时,它们会使其中一个更上一层。

这就是为什么我想使用<a>标签。

这是我想提交表单:

<form action="{% url send_img_data %}" method="POST">{% csrf_token %} 
    <input type="hidden" name="param" value="{{ data_img.id }}"> 
    <input type="image" title="{{ data_img.name }}" src="{{ STATIC_URL }}img/{{ data_img }}.png" alt="Submit Form" name="image"> 
</form> 

我如何能做到相同的,但与<a>标签的任何想法?

PS:在后面,我使用Django

+0

你可以看一下这个链接。 http://stackoverflow.com/questions/9757963/horizo​​ntally-aligning-a-input-fields – Methedex

回答

3

使用CSS重新排列您的input标签。地址:

input { 
    display: inline-block; 
} 

不要使用a标签来保存表单数据,数据将不会在形式递交。只有input标签可以容纳表单数据。

0

您应该使用CSS属性如下:

a 
{ 
    display:inline-block; 
} 

让我知道是不是为你工作。

P.S.如果您使用<a>标签作为按钮,则应考虑使用javascript和ajax调用来提交您的form。因为您的<a>按钮不会取得form。所以考虑一下。

0

另一种选择是defin按钮的图像上的CSS

.buttonStyle { 
    border: none; 
    background: url('../../../img/image.png'); 
    height: 17px; 
    width: 16px; 
    font: 10px/14px Helvetica, Helvetica Neue, Arial; 
    color: transparent; 
    padding: 0 0 0 16px !important; 
} 

模板:

<input id="submit" type="submit" class="buttonStyle" 
            name="submit">