5

これはアップロードファイルコードです:

<form>
<input type="file" name="file"/>
</form>

ファイルをアップロードするためのテキストボックスと[参照]ボタンが表示されます。

しかし、「いくつかの」テキストをクリックするだけでファイルをアップロードする方法はありますか。例:「ファイルをアップロードする」テキスト。このテキストをクリックすると、アップロードボックスが表示されます。

4

3 に答える 3

2

これを試して

http://jsfiddle.net/RffbE/

<form>
<input type="file" name="file" id="file" style="display:none"/>
<span onclick="doTrick()">Upload your file</span>
</form>

このjavascript関数を使用します。

function doTrick() {
    document.getElementById('file').click();
}
于 2012-04-21T07:30:42.913 に答える
0

私はあなたがこれを必要とすると思います

私のjsfiddleを見てください

jsfiddle: http: //jsfiddle.net/ks5r7/6/

    <html>
    <head>
        <script>
            function show()
            {
                document.getElementById('box').style.display='inline';
            }

        </script>
    </head>
    <body>
        <div id="show"><a href="#" onclick="show()">Upload my file</div>

        <div id="box" style="display:none";><input type="file"/></div>
    </body>
</html>

ここで各要素のスタイルを設定できます

于 2012-04-21T07:30:46.643 に答える
-1

直接、これにトリックを使用する必要がある入力タイプファイルにcssを設定することはできません。このプラグインを参照してください

于 2012-04-21T07:14:10.710 に答える