HTML & CSS HTML form codes

[thappy]

Hello,

I have already a complete form but whem I click SUBMIT nothing happen.
I know this is a basic question but, what is missing ?

This is the form I created:

<!--  appointments -->

  <div id="appointments" class="appointment-main-block appointment-two-main-block">

    <div class="container">

      <div class="row">

        <div class="section text-center">

          <h3 class="section-heading text-center">FAÇA UMA MARCAÇÃO OU PEÇA UM ORÇAMENTO</h3>

          <p class="sub-heading text-center">Preencha os campos abaixo para que o passamos ajudar.</p>

        </div>

      

        </div>

        <div class="col-md-8 col-sm-12">

          <div class="appointment-block">

            <form id="appointment-form" class="appointment-form" method="post" action="appointment.php">                           

              <h5 class="form-heading-title"><span class="form-heading-no">1.</span>INFORMAÇÃO DO VEÍCULO</h5>

              <div class="row">

                <div class="col-sm-4">

                  <div class="dropdown">

                    <button class="btn btn-dropdown dropdown-toggle" type="button" id="service-type" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">

                      <span class="drp-name" data-bind="label">Serviço a realizar</span>

                      <span class="caret"></span>

                    </button>

                    <ul class="dropdown-menu" aria-labelledby="service-type">

                      <li><a href="#">Lavagem simples</a></li>

                      <li><a href="#">Deluxe Washing</a></li>

                      <li><a href="#">Ultimate Washing</a></li>

                      <li><a href="#">Super Washing</a></li>

                    </ul>

                  </div>

                </div>

                <div class="col-sm-4">

                  <div class="dropdown">

                    <button class="btn btn-dropdown dropdown-toggle" type="button" id="vehical-make" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">

                      <span class="drp-name" data-bind="label">Marca</span>

                      <span class="caret"></span>

                    </button>

                    <ul class="dropdown-menu" aria-labelledby="vehical-make">

                      <li><a href="#">Honda</a></li>

                      <li><a href="#">Hundai</a></li>

                      <li><a href="#">BMW</a></li>

                    </ul>

                  </div><p></p><input type="text" class="form-control" id="vehical-model" name="vehical-model" placeholder="Modelo" required>

                </div>

                <div class="col-sm-4">

                  <input type="text" class="form-control" id="vehical-model" name="vehical-model" placeholder="Matrícula" required>

                  <p></p><input type="text" class="form-control" id="vehical-model" name="vehical-model" placeholder="Km´s" required>

                </div>

              </div>

              <h5 class="form-heading-title"><span class="form-heading-no">2.</span>Escolha uma data para a realização do serviço</h5>

              <div class="row">

                <div class="col-sm-6">

                  <input type="text" class="form-control date-pick" id="appointment-date" name="appointment-date" placeholder="Data" required>

                </div>

                <div class="col-sm-6">

                  <div class="dropdown">

                    <button class="btn btn-dropdown dropdown-toggle" type="button" id="appointment-time" name="appointment-time" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">

                      <span class="drp-name" data-bind="label">Período para marcação</span>

                      <span class="caret"></span>

                    </button>

                    <ul class="dropdown-menu" aria-labelledby="appointment-time">

                      <li><a href="#">Manhã</a></li>

                      <li><a href="#">Tarde</a></li>

                    </ul>

                  </div>

                </div>

              </div>

              <h5 class="form-heading-title"><span class="form-heading-no">3.</span>Os seus detalhes</h5>

              <div class="row">

                <div class="col-sm-4">

                  <input type="text" class="form-control" id="name" name="name" placeholder="1º e último nome" required>

                </div>

                <div class="col-sm-4">

                  <input type="email" class="form-control" id="email" name="email" placeholder="E-mail" required>

                </div>

                <div class="col-sm-4">

                  <input type="text" class="form-control" id="phone" name="phone" placeholder="Número telemóvel" required>

                </div>

                <div class="col-sm-12">

                  <textarea id="message" name="message" rows="6" placeholder="Messagem"></textarea>

                </div>

              </div>

              <button type="submit" class="btn btn-default pull-right">Book Now</button>

            </form>

          </div>

        </div>

      </div>

    </div>

  </div>

<!--  end appointments -->

Thanks!!!

 

[BGB]

Check this link - How To Create a Login Form

 

[thappy]

Check this link - How To Create a Login Form

Thanks for your help.
I have already created my form.. my problem is probably a missing code that when I click SUBMIT nothing happens. And I don't know what code is missing. (I'm new at this )

Thanks!
Teresa

 

[BGB]

Check for php script how to submit a form.