Q&A
CSSも提示しておいたらどうですか？
Formの線を消したいです。
今、
のようになっています。
このformタグをhtmlで使った時に出てくる線（赤矢印で示したもの）を消したいです。
HTMLには
{% load staticfiles %} <html lang="ja"> <head> <meta charset="utf-8"> <link rel="stylesheet" href="{% static 'bootflat/css/bootflat.min.css' %}"> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> </head> <body> <div class="panel panel-primary"> <div class="panel-heading"> <h3 class="panel-title text-center">ログイン</h3> </div> {% if form.errors %} <div class="alert alert-danger" role="alert"> <p>入力いただいたメールアドレスの会員登録が無いか、パスワードが間違っています</p> </div> {% endif %} <div class="container"> <form action="{% url 'login' %}" method="post" role="form"> {% csrf_token %} <div class="form-group"> <label>ユーザーネーム</label> <input id="id_username" name="username" type="text" value="" minlength="5" maxlength="12" placeholder="ユーザーネーム" class="form-control"/> </div> <div class="form-group"> <label>パスワード</label> <input id="id_password" name="password" type="password" value="" minlength="8" maxlength="12" placeholder="パスワード" class="form-control"/> </div> <button type="submit" class="btn btn-primary btn-lg">ログイン</button> <input name="next" type="hidden" value="{{ next }}"/> </form> </div> </div> </body> </html>
のように書きました。
Formタグを使わなければいいのではと思ったのですが、そうするとユーザーネーム・パスワードの値を次に送れませんよね？
線を消すのはどうすればできるのでしょうか？
実際に公開されているものであれば、htmlとcssの両方を見ないとわからないかもです。
単なるhtmlではありませんよね？サーバー側の言語やフレームワークなど、環境情報もご提示ください。
cssファイルは今のところありません。サーバー側の言語はPythonでフレームワークはDjangoです
htmlを見た限りbootflat.min.css があるようですが。。 環境情報は質問本文に追記してください。
回答1件
0
ベストアンサー
CSSで消すものなので、デベロッパーツールで要素を確認してみてください。
【開発者ツールを使おう！ カスタマイズするphpファイルを探す-その1 | RYUS blog】
http://ryus.co.jp/blog/customize-php-search-1/
【Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能 - Build Insider】
http://www.buildinsider.net/web/chromedevtools/01
【第1回 詳説：デベロッパーツールの使い方：Google Chrome版Firebug：デベロッパーツール取扱説明書｜gihyo.jp … 技術評論社】
http://gihyo.jp/dev/feature/01/devtools/0001?page=2
投稿2017/09/27 14:43
総合スコア69398
デベロッパーツールを使い確認したのですが、どれが実際、formの線なのかわかりません...。どうすればいいでしょうか？
CSSの基礎的な知識がないのであれば、そのあたりの入門書から当たるしかないですね。
下記なら「panel panel-primary」を削除したら消えます。
【Documentation - Bootflat】
http://bootflat.github.io/documentation.html
あなたの回答
tips
プレビュー
