ブートストラップフォームの選択
選択は、ユーザーが複数のオプションから選択できるようにする場合に使用されますが、デフォルトでは1つしか許可されません。
- 州や番号など、ユーザーが使い慣れているリストオプションには、
- multiple ="multiple"を使用します ユーザーが複数のオプションを選択できるようにします。
例
次のコードを実行して、Bootstrap form select
を実装してみてください。<!DOCTYPE html> <html> <head> <title>Bootstrap Example</title> <meta name = "viewport" content="width = device-width, initial-scale = 1"> <link rel = "stylesheet" href = "https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css"> <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src = "https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> </head> <body> <form role = "form"> <div class = "form-group"> <label for = "name">Country</label> <select class = "form-control"> <option>India</option> <option>Australia</option> <option>US</option> </select> </div> </form> </body> </html>
-
HTMLDOM選択フォームプロパティ
HTML DOM select formプロパティは、ドロップダウンリストを含むフォームの参照を返します。 構文 以下は構文です- object.form 例 HTMLDOM選択フォームプロパティの例を見てみましょう- <!DOCTYPE html> <html> <head> <style> body{ text-align:center; background-color:#363946;
-
Djangoのフォームウィジェット
この記事では、Djangoフォームでウィジェットを使用する方法を説明します。ウィジェットは、フロントエンドを改善するのに非常に役立ちます。ウィジェットは、Djangoフォーム、テキストエリア、入力、パスワード入力などからレンダリングされるhtml要素であり、すべてウィジェットです。 まず、Djangoプロジェクトとアプリを作成しましょう。 tutorial14という名前でプロジェクトを作成しました djangoFormWidgetという名前のアプリ 。 settings.pyにアプリを追加します プロジェクトのurls.py。にアプリのURLを含めます テンプレート、 home.