how to create Html form to send email with button - html

Question

Unable to get ths form working.
Is there any easy to create html form that will simply send email upon submission?
Can anyone provide some code samples?
I tried to get it workin but it always stay there no response on email. In form i tried to get date, time, locations that can be typed, number passanger and cars, car type, name email and message.
<form class="booking-form">
<div class="row">
<!-- <div class="col-xs-6 col-sm-2">
<fieldset class="car-type">
<input type="checkbox" name="car-type" id="econo" />
<label for="econo"><i class="icon-car-econo"></i>Econo</label>
</fieldset>
</div> -->
<div class="col-xs-6 col-sm-2">
<fieldset class="car-type">
<input type="checkbox" name="car-tclass="icon-car-LUXURY SEDANype" id="LUXURY SEDAN" />
<label for="LUXURY SEDAN"><i class="icon-car-classic"> </i>LUXURY SEDAN</label>
</fieldset>
</div>
<div class="col-xs-6 col-sm-2">
<fieldset class="car-type">
<input type="checkbox" name="car-type" id="EUROPEAN SEDAN" />
<label for="EUROPEAN SEDAN"><i class="icon-car-wagon"></i>EUROPEAN SEDAN</label>
</fieldset>
</div>
</div>
<div class="row">
<div class="col-sm-3">
<fieldset>
<input type="text" name="name" placeholder="Name" />
</fieldset>
<fieldset>
<input type="email" name="email" placeholder="Email" />
</fieldset>
</div>
<div class="col-sm-3">
<fieldset>
<input type="text" name="from1" placeholder="From" />
</fieldset>
<fieldset>
<input type="text" name="to1" placeholder="To" />
</fieldset>
</div>
<div class="col-sm-3">
<fieldset>
<input type="text" name="date" placeholder="Date1" class="datepicker" />
</fieldset>
<fieldset>
<input type="text" name="time" placeholder="Time" class="timepicker" />
</fieldset>
</div>
<div class="col-sm-3">
<fieldset>
<select name="cars">
<option>Cars</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
</fieldset>
<fieldset>
<select name="passengers">
<option>Passengers</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
</fieldset>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<fieldset>
<textarea name="message2" placeholder="Message"></textarea>
</fieldset>
</div>
</div>
<div class="row">
<div class="col-sm-12 text-center">
<button class="btn btn-primary">Book Now</button>
</div>
</div>
</form>

Answer 1

you need a backend language
<!-- action->specify the destiny of data from form | method->indicate shipping method -->
<form action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>" method="post">
<input type="text" name="someText" placeholder="someText">
<input type="submit" name="sendText" value="sendText">
</form>
and with php you can send the data form form
<?php
$errorMessage = ''; // case the user not complete all fields of the form
$to = 'myemail#company.com'; // destiny of message
if( isset($_POST['sendText']) ){ // comprobate the action of the input type submit
$someText = $_POST['someText']; // get the value of input type text
if( !empty($someText) ){ // comprobate if the variable is not empty
$someText = stripslashes(trim(filter_var($someText , FILTER_SANITIZE_STRING))); // this sanitize the text for avoid the code injection
mail($to,$someText); // this method only can send message when the web is working on server
}else{ // show an error message if text is empty
$errorMessage.="Please complete all fields <br>";
}
}
?>