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」という名前の入力では、ご覧のとおり、テキストボックスが大きくなりすぎないようにcssを使用しています。(最大幅:120px)

私の問題は、選択すると、アップロードするファイルの名前とパスが書き込まれるテキスト ボックスの上に [アップロード] ボタンがマウントされて表示されることです。そして、それを管理する方法、そのボタンを移動する方法、およびそのボタンのみを移動する方法がわかりません。それは可能ですか?

actionSubmitタグ自体にcssをつけてみたのですが、フォーム全体が動いてしまいます。

ありがとうございました。

4

2 に答える 2

0

送信ボタンを別のボタンとは独立して移動させる方法は、必要な配置方法によって異なります。<br/>その前にa を追加できます。または、フォームのコンテンツを にラップして<table>、2 つのボタンを 2 つ<td>の異なる に配置します。または"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 に答える