title: How to import slider values from a html form to flask application
body: <p>I have created a html form including 6 sliders and a submit button. I want to get the values of sliders as integer values to my flask application</p>
  
  <pre><code>&lt;form id="upload-form" action="{{ url_for('index') }}" method="POST" enctype="multipart/form-data"&gt;
  
          &lt;fieldset&gt;
          &lt;!-- Hospital Slider --&gt;    
              &lt;div class="col-md-4"&gt;
                  &lt;h4&gt;Hospital Services&lt;/h4&gt;
              &lt;/div&gt;  
              &lt;div class="col-md-8"&gt;
                  &lt;div class="""slidecontainer"&gt;
                            &lt;input type="range" min="0" max="100" value="50" class="slider" id="sliderHospital"&gt;
                            &lt;br&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
          &lt;!-- Ambulance Slider --&gt;   
              &lt;div class="col-md-4"&gt;
                  &lt;h4&gt;Ambulance Services&lt;/h4&gt;
              &lt;/div&gt;  
              &lt;div class="col-md-8"&gt;
                  &lt;div class="""slidecontainer"&gt;
                            &lt;input type="range" min="0" max="100" value="50" class="slider" id="sliderAmbulance"&gt;
                            &lt;br&gt;
                  &lt;/div&gt;
              &lt;/div&gt;      
  
          &lt;!-- School Slider --&gt;      
              &lt;div class="col-md-4"&gt;
                  &lt;h4&gt;School Services&lt;/h4&gt;
              &lt;/div&gt;  
              &lt;div class="col-md-8"&gt;
                  &lt;div class="""slidecontainer"&gt;
                            &lt;input type="range" min="0" max="100" value="50" class="slider" id="sliderSchool"&gt;
                            &lt;br&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
          &lt;!-- Fire and Rescue Slider --&gt;     
              &lt;div class="col-md-4"&gt;
                  &lt;h4&gt;Fire and Rescue Services&lt;/h4&gt;
              &lt;/div&gt;  
              &lt;div class="col-md-8"&gt;
                  &lt;div class="""slidecontainer"&gt;
                            &lt;input type="range" min="0" max="100" value="50" class="slider" id="sliderFire"&gt;
                            &lt;br&gt;
                  &lt;/div&gt;
              &lt;/div&gt;  
  
              &lt;!-- Markets Slider --&gt;     
              &lt;div class="col-md-4"&gt;
                  &lt;h4&gt;Markets and Shopping malls&lt;/h4&gt;
              &lt;/div&gt;  
              &lt;div class="col-md-8"&gt;
                  &lt;div class="""slidecontainer"&gt;
                            &lt;input type="range" min="0" max="100" value="50" class="slider" id="sliderMarket"&gt;
                            &lt;br&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
              &lt;!-- Green spaces --&gt;   
              &lt;div class="col-md-4"&gt;
                  &lt;h4&gt;Green spaces&lt;/h4&gt;
              &lt;/div&gt;  
              &lt;div class="col-md-8"&gt;
                  &lt;div class="""slidecontainer"&gt;
                            &lt;input type="range" min="0" max="100" value="50" class="slider" id="sliderparks"&gt;
                            &lt;p&gt;Value: &lt;span id="demo"&gt;&lt;/span&gt;&lt;/p&gt;&lt;br&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
  
                  &lt;div class="col-md-6 col-lg-offset-2"&gt;
                      &lt;button type="reset" class="btn btn-default" onclick="myFunction()"&gt;Cancel&lt;/button&gt;
                      &lt;button type="submit" class="btn btn-primary"&gt;Submit&lt;/button&gt;
                  &lt;/div&gt;
                  &lt;div class="modal-footer"&gt;
                                  &lt;button type="button" class="btn btn-default" data-dismiss="modal"&gt;Close&lt;/button&gt;
                                &lt;/div&gt;
              &lt;/fieldset&gt;
               &lt;/form&gt; 
  </code></pre>
  
  <p>This is my flask application code</p>
  
  <pre><code>from flask import Flask, render_template, request
  from flask_wtf import FlaskForm
  from wtforms import StringField, IntegerRangeField, PasswordField, TextAreaField, TextField, RadioField, SelectField, FileField, IntegerField, DateField
  from wtforms.validators import InputRequired
  import os
  import os
  
  app = Flask(__name__)
  app.debug=True
  
  app.config['SECRET_KEY'] = 'Thisisasecret!'
  
  APP_ROOT = os.path.dirname(os.path.abspath(__file__))
  
  class TestForm(FlaskForm):
      sliderHospital = DecimalRangeField('Hospital', default=0)
  
  @app.route('/')
  def index():
      return render_template('index.php')
  
  
  
  if __name__=="__main__":
      app.run() 
  </code></pre>
  
  <p>When I run the application this error appears</p>
  
  <blockquote>
    <p>ImportError: cannot import name IntegerRangeField</p>
  </blockquote>
  
  <p>I want to get values from the form and save them as 6 individual variables in flask application. 
  Am I missing something?</p>