Question

我的意思是：我有一个上传表单：

<g:form method="post" enctype="multipart/form-data">
<input type="file" name="cv" id="cv" style=" max-width:120px"/>
<g:actionSubmit action="upload" name="upload" value="Upload" />

在最终页面中呈现标记后，我有

<input type="submit" value="Upload" name="_action_upload">

即“上传”按钮。但是，在名为“cv”的输入中，正如您所看到的，我有som css来保持文本框增长太多。（最大宽度：120像素）

我的问题是，上传按钮现在显示在文本框上，一旦选中，就会写入要上载的文件的名称和路径。我不知道如何管理，如何移动该按钮，只有那个按钮。这可能吗？

我尝试将css添加到actionSubmit标记本身，但它会移动整个表单。

谢谢。

Answer 1

使提交按钮独立于另一个按钮移动的方式取决于您需要如何定位它。您可以在其前面添加<br/>;或者将表单内容包装到<table>中，并使两个按钮位于两个不同的<td>中。或者使用"vertical-align: top;"表单元素：

form * {
    vertical-align: top;
}

Answer 2

Float留下你的输入文件。输入是内联块。这就是为什么它导致整个线路按下按钮。浮动它会将其更改为阻止。

<input id="cv" type="file" style=" max-width:120px; float:left;" name="cv">

可以在<g：actionsubmit>标签中添加css吗？</g：actionsubmit>

2 个答案: