<input type = "file" />にテキストを挿入する方法

<input type="file"/>の中に簡単なテキストを挿入する問題があります。私の場合は、入力タイプがボーダーで、アップロード機能があります。私が内側にテキストを挿入しようとすると、ボーダードフィールド内のアップロード機能が緩やかになり、「ブラウズ」ボタンが隠れてしまいます。ここに私のコードは...<input type = "file" />にテキストを挿入する方法

<div class="col-md-12 background"> 
    <div class="file_button_container"> 
     <input type="file"/> 
     <div class="k-span text-center"> 
     <span> Click here to upload image </span> 
     </div> 
    </div> 
    </div>

出典

2016-06-13 Dimitar

あなたはどのような出力をしたいですか？ –

これを参照してください：http://stackoverflow.com/questions/5138719/change-default-text-in-input-type-file – weigreen

http://stackoverflow.com/a/33822113/5291509これは最も簡単な方法です。 – Ppp

各ブラウザには、アップロードボタンのための独自の固有の設定があります。したがって、テキストやそのボタンの機能を変更することはできません。

ハッキングするためのプラグインがいくつかあります。

出典

2016-06-13 06:56:39

-1

この例を見ると、同じページでソースコードをダウンロードできます。リンクから

Examples here

例：

<button type="submit" class="start ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-primary" role="button"> <span class="ui-button-icon-primary ui-icon ui-icon-circle-arrow-e"></span> <span class="ui-button-text">Start upload</span> </button>

出典

2016-06-13 07:00:44 David

Tnxをたくさん使って、それを使ってうまくいくと思います。 – Dimitar

テーマや言語がたくさんあります。ソースコードからダウンロードしたり、ブラウザから調べることができます。 – David

<input type = "file" />にテキストを挿入する方法

答えて

関連する問題