Раскрывающийся список для ответа с несколькими вариантами ответов - PullRequest
Новая
       53

Раскрывающийся список для ответа с несколькими вариантами ответов

0 голосов
/ 14 октября 2019

Как добавить выпадающий выбор с несколькими вариантами в форме колбы? Я пытаюсь реализовать код, чтобы дать возможность AlbumType отображать «Live» / «Studio» с помощью форм WTF Flask. Я включил ссылку на Dropbox для сжатой папки файлов проекта. https://www.dropbox.com/s/ndnhssvo4argniu/Project1-Flask.zip?dl=0

   <!doctype html>
    <html class="no-js" lang="">
        <head>
            <meta charset="utf-8">
            <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
            <title></title>
            <meta name="description" content="">
            <meta name="viewport" content="width=device-width, initial-scale=1">

            <link rel="stylesheet" href="../static/css/bootstrap.css">
            <link rel="stylesheet" href="../static/css/main.css">
            <link rel="stylesheet" href="../static/css/bootstrap.min.css">
            <link rel="stylesheet" href="../static/css/bootstrap-theme.min.css">

            <style>
                body {
                    padding-top: 50px;
                    padding-bottom: 20px;
                    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
                    font-size: 14px;
                    line-height: 1.42857143;
                    color: #ffffff;
                    background-color: #337ab7;
                }
                .jumbotron {
                    padding: 30px 15px;
                     margin-bottom: 30px;
                    color: inherit;
                    background-color: #336887;
    }
            </style>


            <script src="../static/js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
        </head>
       <body>
       <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
         <div class="container">
           <div class="navbar-header">
             <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
               <span class="sr-only">Toggle navigation</span>
               <span class="icon-bar"></span>
               <span class="icon-bar"></span>
               <span class="icon-bar"></span>
             </button>
             <a class="navbar-brand" href="#">Grade center</a>
           </div>
           <div id="navbar" class="navbar-collapse collapse">

           </div><!--/.navbar-collapse -->
         </div>
       </nav>

       <!-- Main jumbotron for a primary marketing message or call to action -->
       <div class="jumbotron">
         <div class="container">
           <h1>CIS 240 - Favorite Music Flask Project</h1>
           <p>Computer Information Systems Exercise</p>

         </div>
       </div>

       <div class="container">
        <div class="page-header">

        </div>
         <!-- Example row of columns -->
         <div class="row">
           <div class="row">
             <div class="col-md-12">
                <table class="table table-striped">
                    <thead>
                      <tr>
                        <th>Album ID</th>
                        <th>Album Name</th>
                        <th>Album Type</th>
                        <th>Release Date</th>
                      </tr>
                    </thead>
                    <tbody>
                      {% for deadhead in deadheads %}
                      <tr>
                        <td>{{ grade.AlbumID }}</td>
                        <td>{{ grade.AlbumName }}</td>
                        <td>{{ grade.AlbumType }}</td>
                        <td>{{ grade.ReleaseDate }}</td>
                      </tr>
                      {% endfor %}
                    </tbody>
                  </table>
             </div>
         </div>
       </div>
      <div class="page-header">
        <h1>Add a grade</h1>
      </div>
         <div class="row"> 
            <div class="col-md-8"> 
                <form method="POST">  
                    <div class="form-group"> 
                        <label>Album ID</label> 
                        <input type="text" class="form-control" placeholder="" name="AlbumID" required> 
                    </div> 
                    <div class="form-group"> 
                        <label>Album Name</label> 
                        <input type="text" class="form-control" placeholder="" name="AlbumName" required> 
                    </div> 
                    <div class="form-group"> 
                        <label>Album Type</label> 
                        <input type="text" class="form-control" placeholder="Select Album Type" name="AlbumType" required> 
                    </div> 
                    <div class="form-group"> 
                        <label>Release Date</label> 
                        <input type="date" class="form-control" placeholder="03-14-1990" name="ReleaseDate" required> 
                    </div> 
                    <button type="submit" class="btn btn-default">Submit</button> 
                </form> 
            </div> 
        </div>




<!-- end snippet -->

     Above is the html link to the project I am running.
...