Pellekaart
Gebruiker
- Lid geworden
- 25 jun 2012
- Berichten
- 48
Voor mijn site wil ik een formulier laten verzenden, naar mijn emailadres.
Ik heb bestaande (vrije) dreamweaver templates gebruikt.
http://robertheemskerk.nl/RobertHeemskerk/contact.html
Hoe kan ik nu de 'Send' button aktief maken, of het script aktief maken zodat ik de invulgegevens naar me toe gestuurd krijg?
Ik twijfel of ik dat in HTML moet doen, ik kan het niet vinden.
Heeft er iemand tips of advies hoe en waar ik dat kan doen?
Deze template komt van ''templatemo''
Hieronder de broncode:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
<meta name="viewport" content="width=device-width" />
<title>CONTACT Robertheemskerk.nl</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<!-- Custom styles for this template -->
<link href="css/justified-nav.css" rel="stylesheet" type="text/css">
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Dosis:300' rel='stylesheet' type='text/css'/>
<!--
Fantasy Template
http://www.templatemo.com/tm-393-fantasy
-->
<!-- HTML 5 shim for IE backwards compatibility -->
<!-- [if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js">
</script>
<![endif]-->
</head>
<body>
<div id="main_container">
<div class="container" id="contact">
<div class="header">
<div class="navbar-header">
<a href="#"><img src="images/Fotoontwerp3LR.png" alt="fantasy" class="templatemo-logo"></a>
</div>
<form action="#" method="get" class="navbar-form navbar-right" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search" id="keyword" name="keyword">
</div>
<button type="submit" class="btn btn-default" name="Search">Go</button>
</form>
</div>
<img src="images/Stomorhina lunata_4367.jpg" alt="header image" class="img-responsive cleaner">
<div class="navbar templatemo-nav" id="navbar">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse">
<ul class="nav nav-justified">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="preview.html">Products</a></li>
<li><a href="preview.html">Services</a></li>
<li class="active"><a href="contact.html">Contact</a></li>
</ul>
</div> <!-- nav -->
</div>
<div class="row" id="content">
<div class="col-md-12">
<h2>CONTACT</h2>
<p>Vivamus sed adipiscing felis, non molestie velit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum auctor justo eu nibh pharetra, nec rhoncus justo tincidunt. Donec ut ipsum ac erat vehicula volutpat sed sed enim. Nunc varius luctus tellus, ac vulputate purus cursus vitae. Maecenas orci justo, volutpat quis tincidunt id, lacinia nec massa. Curabitur sollicitudin velit sit amet nisi dictum scelerisque. Vivamus at rutrum lectus. Etiam ut velit eget nulla feugiat accumsan.</p>
<h3>CONTACT FORMULIER</h3>
<p>You may leave us a message for any kind of business matter or personal greeting. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow">XHTML</a> & <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow">CSS</a>. </p>
</div>
</div>
<form action="#" method="post" id="contact_form" role="form">
<div class="row">
<div class="col-md-5">
<div class="form-group left-inner-addon">
<span class="glyphicon glyphicon-user"></span>
<input name="name" type="text" class="form-control" id="input_name" placeholder="Name">
</div>
<div class="form-group left-inner-addon">
<span class="glyphicon glyphicon-envelope"></span>
<input name="email" type="email" class="form-control" id="input_email" placeholder="Email">
</div>
<div class="form-group left-inner-addon">
<span class="glyphicon glyphicon-earphone"></span>
<input name="phone" type="tel" class="form-control" id="input_tel" placeholder="Phone">
</div>
</div>
<div class="col-md-7">
<div class="form-group left-inner-addon">
<span class="glyphicon glyphicon-comment"></span>
<textarea name="message" rows="6" class="form-control" id="input_message" placeholder="Message..."></textarea><br>
<button type="submit" class="btn btn-primary">Send</button>
<button type="reset" class="btn btn-default right">Reset</button>
</div>
</div>
</div> <!-- row -->
</form>
</div>
<footer class="container">
<div class="credit row">
<div class="col-md-6 col-md-offset-3">
<div id="templatemo_footer">
Copyright © 2016 <a href="#">Robertheemskerk.nl</a>
</div>
</div>
<div class="col-md-3">
<div style="text-align: right">
<a rel="nofollow" href="https://www.facebook.com/robert.heemskerk.965" target="_parent">
<img src="images/facebook.png" alt="Like us on Facebook">
</a>
</div>
</div>
</div>
</footer>
</div>
<!-- templatemo 393 fantasy -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/templatemo_script.js"></script>
</body>
</html>
Ik heb bestaande (vrije) dreamweaver templates gebruikt.
http://robertheemskerk.nl/RobertHeemskerk/contact.html
Hoe kan ik nu de 'Send' button aktief maken, of het script aktief maken zodat ik de invulgegevens naar me toe gestuurd krijg?
Ik twijfel of ik dat in HTML moet doen, ik kan het niet vinden.
Heeft er iemand tips of advies hoe en waar ik dat kan doen?
Deze template komt van ''templatemo''
Hieronder de broncode:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
<meta name="viewport" content="width=device-width" />
<title>CONTACT Robertheemskerk.nl</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<!-- Custom styles for this template -->
<link href="css/justified-nav.css" rel="stylesheet" type="text/css">
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Dosis:300' rel='stylesheet' type='text/css'/>
<!--
Fantasy Template
http://www.templatemo.com/tm-393-fantasy
-->
<!-- HTML 5 shim for IE backwards compatibility -->
<!-- [if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js">
</script>
<![endif]-->
</head>
<body>
<div id="main_container">
<div class="container" id="contact">
<div class="header">
<div class="navbar-header">
<a href="#"><img src="images/Fotoontwerp3LR.png" alt="fantasy" class="templatemo-logo"></a>
</div>
<form action="#" method="get" class="navbar-form navbar-right" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search" id="keyword" name="keyword">
</div>
<button type="submit" class="btn btn-default" name="Search">Go</button>
</form>
</div>
<img src="images/Stomorhina lunata_4367.jpg" alt="header image" class="img-responsive cleaner">
<div class="navbar templatemo-nav" id="navbar">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse">
<ul class="nav nav-justified">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="preview.html">Products</a></li>
<li><a href="preview.html">Services</a></li>
<li class="active"><a href="contact.html">Contact</a></li>
</ul>
</div> <!-- nav -->
</div>
<div class="row" id="content">
<div class="col-md-12">
<h2>CONTACT</h2>
<p>Vivamus sed adipiscing felis, non molestie velit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum auctor justo eu nibh pharetra, nec rhoncus justo tincidunt. Donec ut ipsum ac erat vehicula volutpat sed sed enim. Nunc varius luctus tellus, ac vulputate purus cursus vitae. Maecenas orci justo, volutpat quis tincidunt id, lacinia nec massa. Curabitur sollicitudin velit sit amet nisi dictum scelerisque. Vivamus at rutrum lectus. Etiam ut velit eget nulla feugiat accumsan.</p>
<h3>CONTACT FORMULIER</h3>
<p>You may leave us a message for any kind of business matter or personal greeting. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow">XHTML</a> & <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow">CSS</a>. </p>
</div>
</div>
<form action="#" method="post" id="contact_form" role="form">
<div class="row">
<div class="col-md-5">
<div class="form-group left-inner-addon">
<span class="glyphicon glyphicon-user"></span>
<input name="name" type="text" class="form-control" id="input_name" placeholder="Name">
</div>
<div class="form-group left-inner-addon">
<span class="glyphicon glyphicon-envelope"></span>
<input name="email" type="email" class="form-control" id="input_email" placeholder="Email">
</div>
<div class="form-group left-inner-addon">
<span class="glyphicon glyphicon-earphone"></span>
<input name="phone" type="tel" class="form-control" id="input_tel" placeholder="Phone">
</div>
</div>
<div class="col-md-7">
<div class="form-group left-inner-addon">
<span class="glyphicon glyphicon-comment"></span>
<textarea name="message" rows="6" class="form-control" id="input_message" placeholder="Message..."></textarea><br>
<button type="submit" class="btn btn-primary">Send</button>
<button type="reset" class="btn btn-default right">Reset</button>
</div>
</div>
</div> <!-- row -->
</form>
</div>
<footer class="container">
<div class="credit row">
<div class="col-md-6 col-md-offset-3">
<div id="templatemo_footer">
Copyright © 2016 <a href="#">Robertheemskerk.nl</a>
</div>
</div>
<div class="col-md-3">
<div style="text-align: right">
<a rel="nofollow" href="https://www.facebook.com/robert.heemskerk.965" target="_parent">
<img src="images/facebook.png" alt="Like us on Facebook">
</a>
</div>
</div>
</div>
</footer>
</div>
<!-- templatemo 393 fantasy -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/templatemo_script.js"></script>
</body>
</html>
