###前提・実現したいこと
ファイル選択のinputタグにbootstrapが当たらないので、
https://qiita.com/nakapython/items/46d44793827920282f75
のファイル名を表示する を参考にしてhtmlを書いたが、
このようにならなかった。
###発生している問題・エラーメッセージ
今、ファイル選択のボタンを3つ用意していて、以下のようになっている。
###該当のソースコード
htmlに
<form action="/accounts/upload_save/' method="POST" enctype="multipart/form-data"> {% csrf_token %} <div class="input-group"> <label class="input-group-btn" style="width: 30%;"> <span class="btn btn-primary btn-lg"> ファイルを選択する① </span> </label> <input type="file" class="form-control" name="image"> </div> <div class="input-group"> <label class="input-group-btn" style="width: 30%;"> <span class="btn btn-primary btn-lg"> ファイルを選択する② </span> </label> <input type="file" class="form-control" name="image2"> </div> <div class="input-group"> <label class="input-group-btn" style="width: 30%;"> <span class="btn btn-primary btn-lg"> ファイルを選択する③ </span> </label> <input type="file" class="form-control" name="image3"> </div> <div class="form-group"> <input type="hidden" value="{{ p_id }}" name="p_id" class="form-control"> </div> <div class="form-group"> <input type="submit" value="送信" class="form-control" style="width:30%;height:50px;font-size:25px;"> </div> </form>
と書いた。
###補足情報(言語/FW/ツール等のバージョンなど)
HTML5 Bootstrap3
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。