2

我的意思是:我有一个上传表格:

<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 标记本身,但它会移动整个表单。

谢谢你。

4

2 回答 2

0

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

form * {
    vertical-align: top;
}
于 2013-01-23T17:59:46.277 回答
0

浮动离开您的输入文件。输入是内联块。这就是为什么它会导致整行与按钮一起下降。浮动它会将其更改为阻塞。

<input id="cv" type="file" style=" max-width:120px; float:left;" name="cv">
于 2013-01-23T23:02:50.783 回答