Hallo zusammen,
sitze schon seit einiger Zeit an einen HTML Code.
Doch mittlerweile verliere ich die Geduld und die Nerven
Ich möchte für ein Online Bewerberformular einen Button einfügen ( Button bereits im HTML Code enthalten ), der, wenn man auf ihn drauf klickt, alle Informationen, die der Bewerber eingegeben hat, an die hinterlegte E-Mail Adresse senden soll.
Könnt ihr mir helfen?
Welche weiteren Infos benötigt ihr von mir und was würde die Richtigstellung / Korrektur kosten?
Danke !!!Ramona
HTML
<!DOCTYPE html><html>
<head>
<title>Bewerbungstest - RheinGedeck - Personal für Profis in Düsseldorf</title><meta property="og:site_name" content="RheinGEdeck - Profis in Düsseldorf" />
<meta property="og:title" content="Bewerbungstest" />
<meta property="og:description" content="Mit dem Online-Bewerbungstest findest Du raus, wo Dein Platz in unserem Team ist. Einfach ausfüllen, Unterlagen hochladen und Bewerbung starten." />
<meta property="og:url" content="http://www.wedners.de/bewerbungstest.html" />
<div>
<form enctype="multipart/form-data" action="//www.weebly.com/weebly/apps/formSubmit.php"
method="POST" id="form-204181714334453156">
<div id="204181714334453156-form-parent" class="wsite-form-container"
style="margin-top:15px;">
<ul class="formlist" id="204181714334453156-form-list">
<h1 class="wsite-content-title" style="text-align:left;">Online-Bewerbungstest</h1>
<div class="paragraph" style="text-align:left;"><strong>Mit dem Online-Bewerbungstest findest Du raus, wo Dein Platz in unserem Team ist. Einfach ausfüllen, Unterlagen hochladen und Bewerbung starten.</strong></div>
<div><div style="height: 20px; overflow: hidden; width: 100%;"></div>
<hr class="styled-hr" style="width:100%;"></hr>
<div style="height: 20px; overflow: hidden; width: 100%;"></div></div>
<div><div class="wsite-multicol"><div class="wsite-multicol-table-wrap" style="margin:0 -15px;">
<table class="wsite-multicol-table">
<tbody class="wsite-multicol-tbody">
<tr class="wsite-multicol-tr">
<td class="wsite-multicol-col" style="width:50%; padding:0 15px;">
<div><div class="wsite-form-field" style="margin:15px 0px 15px 0px;">
<h3 label class="wsite-form-label" for="input-937502444635886472">Welchen Schulabschluss hast Du? <span class="form-required">*</span></label</h3>
<div class="wsite-form-radio-container">
<select name='_u937502444635886472' class='form-select'>
<option value='Bin noch Schüler'>Bin noch Schüler</option>
<option value='Hauptschule'>Hauptschule</option>
<option value='Realschule'>Realschule</option>
<option value='Abitur'>Abitur</option>
</select>
</div>
<div id="instructions-Welchen Schulabschluss hast Du?" class="wsite-form-instructions" style="display:none;"></div>
</div></div>
</td> <td class="wsite-multicol-col" style="width:50%; padding:0 15px;">
<div><div class="wsite-form-field" style="margin:15px 0px 15px 0px;">
<h3 label class="wsite-form-label" for="input-171341393981874312">Welche Berufsausbildung hast Du? <span class="form-required">*</span></label</h3>
<div class="wsite-form-input-container">
<input id="input-171341393981874312" class="wsite-form-input wsite-input wsite-input-width-370px" type="text" name="_u171341393981874312" />
</div>
<div id="instructions-171341393981874312" class="wsite-form-instructions" style="display:none;"></div>
</div></div>
</td> </tr>
</tbody>
</table>
</div></div></div>
<div><div style="height: 20px; overflow: hidden; width: 100%;"></div>
<hr class="styled-hr" style="width:100%;"></hr>
<div style="height: 20px; overflow: hidden; width: 100%;"></div></div>
<div><div class="wsite-multicol"><div class="wsite-multicol-table-wrap" style="margin:0 -15px;">
<table class="wsite-multicol-table">
<tbody class="wsite-multicol-tbody">
<tr class="wsite-multicol-tr">
<td class="wsite-multicol-col" style="width:50%; padding:0 15px;">
<div><div class="wsite-form-field" style="margin:15px 0px 15px 0px;">
<h3 label class="wsite-form-label" for="input-283440755856845256">Hast Du Erfahrung in der Gastronomie? <span class="form-required">*</span></label</h3>
<div class="wsite-form-radio-container">
<span class='form-radio-container'><input type='radio' id='radio-0-_u283440755856845256' name='_u283440755856845256' value='Ja' /><label for='radio-0-_u283440755856845256'>Ja</label></span>
<p><span class='form-radio-container'><input type='radio' id='radio-1-_u283440755856845256' name='_u283440755856845256' value='Nein' /><label for='radio-1-_u283440755856845256'>Nein</label></span>
</div>
<div id="instructions-Hast Du Erfahrung in der Gastronomie?" class="wsite-form-instructions" style="display:none;"></div>
</div></div>
</td> <td class="wsite-multicol-col" style="width:50%; padding:0 15px;">
<div><div class="wsite-form-field" style="margin:15px 0px 15px 0px;">
<h3 label class="wsite-form-label" for="input-117870417391764707">Für welche Bereiche interessierst Du Dich? <span class="form-required">*</span></label</h3>
<div class="wsite-form-radio-container">
<span class='form-radio-container'><input type='checkbox' id='checkbox-0-_u117870417391764707' name='_u117870417391764707[Logistik]' value='1' /><label for='checkbox-0-_u117870417391764707'>Logistik</label></span>
<p><span class='form-radio-container'><input type='checkbox' id='checkbox-1-_u117870417391764707' name='_u117870417391764707[Service]' value='1' /><label for='checkbox-1-_u117870417391764707'>Service</label></span>
<p><span class='form-radio-container'><input type='checkbox' id='checkbox-2-_u117870417391764707' name='_u117870417391764707[Küche]' value='1' /><label for='checkbox-2-_u117870417391764707'>Küche</label></span>
</div>
<div id="instructions-Für welche Bereiche interessierst Du Dich?" class="wsite-form-instructions" style="display:none;"></div>
</div></div>
</td> </tr>
</tbody>
</table>
</div></div></div>
<div><div style="height: 20px; overflow: hidden; width: 100%;"></div>
<hr class="styled-hr" style="width:100%;"></hr>
<div style="height: 20px; overflow: hidden; width: 100%;"></div></div>
<div><div class="wsite-multicol"><div class="wsite-multicol-table-wrap" style="margin:0 -15px;">
<table class="wsite-multicol-table">
<tbody class="wsite-multicol-tbody">
<tr class="wsite-multicol-tr">
<td class="wsite-multicol-col" style="width:50%; padding:0 15px;">
<div><div class="wsite-form-field" style="margin:15px 0px 15px 0px;">
<h3 label class="wsite-form-label" for="input-271202759615772191">Wie mobil bist Du? <span class="form-required">*</span></label</h3>
<div class="wsite-form-radio-container">
<span class='form-radio-container'><input type='checkbox' id='checkbox-0-_u271202759615772191' name='_u271202759615772191[Ich habe einen Auto-Führerschein]' value='1' /><label for='checkbox-0-_u271202759615772191'>Ich habe einen Auto-Führerschein</label></span>
<p><span class='form-radio-container'><input type='checkbox' id='checkbox-1-_u271202759615772191' name='_u271202759615772191[Ich habe ein Auto]' value='1' /><label for='checkbox-1-_u271202759615772191'>Ich habe ein Auto</label></span>
<p><span class='form-radio-container'><input type='checkbox' id='checkbox-2-_u271202759615772191' name='_u271202759615772191[Ich nutze nur öffentliche Verkehrsmittel]' value='1' /><label for='checkbox-2-_u271202759615772191'>Ich nutze nur öffentliche Verkehrsmittel</label></span>
</div>
<div id="instructions-Wie mobil bist Du?" class="wsite-form-instructions" style="display:none;"></div>
</div></div>
</td> </tr>
</tbody>
</table>
</div></div></div>
<div><div style="height: 20px; overflow: hidden; width: 100%;"></div>
<hr class="styled-hr" style="width:100%;"></hr>
<div style="height: 20px; overflow: hidden; width: 100%;"></div></div>
<div><div class="wsite-multicol"><div class="wsite-multicol-table-wrap" style="margin:0 -15px;">
<table class="wsite-multicol-table">
<tbody class="wsite-multicol-tbody">
<tr class="wsite-multicol-tr">
<td class="wsite-multicol-col" style="width:50%; padding:0 15px;">
<div><div class="wsite-form-field" style="margin:15px 0px 15px 0px;">
<h3 label class="wsite-form-label" for="input-470283194903574252">Ein Foto von Dir <span class="form-not-required">*</span></label</h3>
<div class="wsite-form-input-container">
<input type="hidden" name="MAX_FILE_SIZE" value="20971520" />
<input id="input-470283194903574252" class="wsite-form-input" type="file" name="_u470283194903574252" />
<div style="font-size:10px;">Max. Dateigröße: 20MB</div>
</div>
<div id="instructions-470283194903574252" class="wsite-form-instructions" style="display:none;">Ein Foto von Dir</div>
</div></div>
<div><div class="wsite-form-field" style="margin:5px 0px 5px 0px;">
<h3 label class="wsite-form-label" for="input-598735260446516206">Dein Lebenslauf <span class="form-not-required">*</span></label</h3>
<div class="wsite-form-input-container">
<input type="hidden" name="MAX_FILE_SIZE" value="20971520" />
<input id="input-598735260446516206" class="wsite-form-input" type="file" name="_u598735260446516206" />
<div style="font-size:10px;">Max. Dateigröße: 20MB</div>
</div>
<div id="instructions-598735260446516206" class="wsite-form-instructions" style="display:none;"></div>
</div></div>
<div><div class="wsite-form-field" style="margin:5px 0px 5px 0px;">
<h3 label class="wsite-form-label" for="input-323686633614708923">Sonstige Unterlagen (Zeugnisse, Referenzen, ...) <span class="form-not-required">*</span></h3>
<div class="wsite-form-input-container">
<input type="hidden" name="MAX_FILE_SIZE" value="20971520" />
<input id="input-323686633614708923" class="wsite-form-input" type="file" name="_u323686633614708923" />
<div style="font-size:10px;">Max. Dateigröße: 20MB</div>
</div>
</td> </tr>
</tbody>
</table>
</div></div></div>
<div><div style="height: 20px; overflow: hidden; width: 100%;"></div>
<hr class="styled-hr" style="width:100%;"></hr>
<div style="height: 20px; overflow: hidden; width: 100%;"></div></div>
<div><div class="wsite-multicol"><div class="wsite-multicol-table-wrap" style="margin:0 -15px;">
<table class="wsite-multicol-table">
<tbody class="wsite-multicol-tbody">
<tr class="wsite-multicol-tr">
<td class="wsite-multicol-col" style="width:50%; padding:0 15px;">
<div><div class="wsite-form-field" style="margin:5px 0px 5px 0px;">
<h3 label class="wsite-form-label" for="input-625853299343231464">Vorname <span class="form-required">*</span></label</h3>
<div class="wsite-form-input-container">
<input id="input-625853299343231464" class="wsite-form-input wsite-input wsite-input-width-370px" type="text" name="_u625853299343231464" />
</div>
<div id="instructions-625853299343231464" class="wsite-form-instructions" style="display:none;"></div>
</div></div>
<div><div class="wsite-form-field" style="margin:5px 0px 5px 0px;">
<h3 label class="wsite-form-label" for="input-885719888360065124">Nachname <span class="form-required">*</span></label</h3>
<div class="wsite-form-input-container">
<input id="input-885719888360065124" class="wsite-form-input wsite-input wsite-input-width-370px" type="text" name="_u885719888360065124" />
</div>
<div id="instructions-885719888360065124" class="wsite-form-instructions" style="display:none;"></div>
</div></div>
<div><div class="wsite-form-field" style="margin:5px 0px 5px 0px;">
<h3 label class="wsite-form-label" for="input-795245013227022508">E-Mail-Adresse <span class="form-required">*</span></label</h3>
<div class="wsite-form-input-container">
<input id="input-795245013227022508" class="wsite-form-input wsite-input wsite-input-width-370px" type="text" name="_u795245013227022508" />
</div>
<div id="instructions-795245013227022508" class="wsite-form-instructions" style="display:none;"></div>
</div></div>
<div><div class="wsite-form-field" style="margin:5px 0px 5px 0px;">
<h3 label class="wsite-form-label" for="input-966550399507903051">Telefon <span class="form-required">*</span></label</h3>
<div class="wsite-form-input-container">
<input id="input-966550399507903051" class="wsite-form-input wsite-input wsite-input-width-370px" type="text" name="_u966550399507903051" />
</div>
<div id="instructions-966550399507903051" class="wsite-form-instructions" style="display:none;"></div>
</div></div>
<div><div class="wsite-form-field" style="margin:5px 0px 5px 0px;">
<h3 label class="wsite-form-label" for="input-860871226125971513">Straße / Hausnummer <span class="form-required">*</span></label</h3>
<div class="wsite-form-input-container">
<input id="input-860871226125971513" class="wsite-form-input wsite-input wsite-input-width-370px" type="text" name="_u860871226125971513" />
</div>
<div id="instructions-860871226125971513" class="wsite-form-instructions" style="display:none;"></div>
</div></div>
<div><div class="wsite-form-field" style="margin:5px 0px 5px 0px;">
<h3 label class="wsite-form-label" for="input-204327245752518504">Postleitzahl <span class="form-required">*</span></label</h3>
<div class="wsite-form-input-container">
<input id="input-204327245752518504" class="wsite-form-input wsite-input wsite-input-width-370px" type="text" name="_u204327245752518504" />
</div>
<div id="instructions-204327245752518504" class="wsite-form-instructions" style="display:none;"></div>
</div></div>
<div><div class="wsite-form-field" style="margin:5px 0px 5px 0px;">
<h3 label class="wsite-form-label" for="input-225763933996456355">Ort <span class="form-required">*</span></label</h3>
<div class="wsite-form-input-container">
<input id="input-225763933996456355" class="wsite-form-input wsite-input wsite-input-width-370px" type="text" name="_u225763933996456355" />
</div>
<div id="instructions-225763933996456355" class="wsite-form-instructions" style="display:none;"></div>
</div></div>
</td> <td class="wsite-multicol-col" style="width:50%; padding:0 15px;">
</td> </tr>
</tbody>
</table>
</div></div></div>
<div><div style="height: 20px; overflow: hidden; width: 100%;"></div>
<hr class="styled-hr" style="width:100%;"></hr>
<div style="height: 20px; overflow: hidden; width: 100%;"></div></div>
</ul>
</div>
<div style="display:none; visibility:hidden;">
<input type="text" name="wsite_subject" />
</div>
<div style="text-align:left; margin-top:10px; margin-bottom:15px;">
<input type="hidden" name="form_version" value="2" />
<input type="hidden" name="wsite_approved" id="wsite-approved" value="approved" />
<input type="hidden" name="ucfid" value="204181714334453156" />
<input type='submit' style='position:absolute;top:0;left:-9999px;width:1px;height:1px' /><a class='wsite-button' onclick="document.getElementById('form-204181714334453156').submit()"><h1 span class='wsite-button-inner'>Bewerbe Dich !</span></a</H1>
</div>
</form>
</div></div>
</div><!-- end container -->
</div><!-- end main-wrap -->
<div id="footer-wrap">
<div class="container">
<div class='wsite-elements wsite-footer'>
<div><div class="wsite-multicol"><div class="wsite-multicol-table-wrap" style="margin:0 -15px;">
<table class="wsite-multicol-table">
<tbody class="wsite-multicol-tbody">
<tr class="wsite-multicol-tr">
<td class="wsite-multicol-col" style="width:50%; padding:0 15px;">
<div><div class="wsite-image wsite-image-border-none " style="padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;text-align:left">
<a>
</a>
<div style="display:block;font-size:90%"></div>
</div></div>
<p><p><p><div class="paragraph" style="text-align:left;"><strong>RheinGedeck GmbH</strong><p> ⋅ Hansaallee 321<span style=""> ⋅ </span>40479 Düsseldorf<br /><span style="">Telefon +49 7222 50 65 520</span> ⋅ <span style="">Fax +49 211 </span><br /><span style="">E-Mail </span><a href="mailto:info@rheingedeck.de" title="" style="">info@rheingedeck</a><a href="mailto:info@rheingedeck.de" title="" style="">.de</a><br /></div>
</td> <td class="wsite-multicol-col" style="width:50%; padding:0 15px;">
<div style="text-align:right;"><div style="height:10px;overflow:hidden">
<div style="height:10px;overflow:hidden"></div></div>
</td> </tr>
</tbody>
</table>
</div></div></div></div>
<script type='text/javascript'>
//<!--
if (document.cookie.match(/(^|;)\s*is_mobile=1/)) {
var windowHref = window.location.href || '';
if (windowHref.indexOf('?') > -1) {
windowHref += '&';
} else {
windowHref += '?';
}
document.write(
" " +
"<a class='wsite-view-link-mobile' href='" + windowHref + "view=mobile'>Mobile Site</a>"
);
}
//-->
</script>
</div><!-- end container -->
</div><!-- end footer-wrap -->
<script type="text/javascript" src="/files/theme/custom.js?1452584059"></script>
<div id="dialog-region"></div>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-7870337-1']);
_gaq.push(['_setDomainName', 'none']);
_gaq.push(['_setAllowLinker', true]);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<!-- Quantcast Tag -->
<script type="text/javascript">
var _qevents = _qevents || [];
(function() {
var elem = document.createElement('script');
elem.src = (document.location.protocol == "https:" ? "https://secure" : "http://edge") + ".quantserve.com/quant.js";
elem.async = true;
elem.type = "text/javascript";
var scpt = document.getElementsByTagName('script')[0];
scpt.parentNode.insertBefore(elem, scpt);
})();
_qevents.push({
qacct:"p-0dYLvhSGGqUWo",
labels:"l10,u53128777.u53128777s924559460302090829"
});
</script>
<noscript>
<div style="display:none;">
<img src="//pixel.quantserve.com/pixel/p-0dYLvhSGGqUWo.gif?labels=l10,u53128777.u53128777s924559460302090829" border="0" height="1" width="1" alt="Quantcast"/>
</div>
</noscript>
<!-- End Quantcast tag -->
<script>
(function(jQuery) {
try {
if (jQuery) {
jQuery('div.blog-social div.fb-like').attr('class', 'blog-social-item blog-fb-like');
var $commentFrame = jQuery('#commentArea iframe');
if ($commentFrame.length > 0) {
var frameHeight = jQuery($commentFrame[0].contentWindow.document).height() + 50;
$commentFrame.css('min-height', frameHeight + 'px');
}
if (jQuery('.product-button').length > 0){
jQuery(document).ready(function(){
jQuery('.product-button').parent().each(function(index, product){
if(jQuery(product).attr('target') == 'paypal'){
if (!jQuery(product).find('> [name='bn']').length){
jQuery('<input>').attr({
type: 'hidden',
name: 'bn',
value: 'DragAndDropBuil_SP_EC'
}).appendTo(product);
}
}
});
});
}
}
else {
// Prototype
$$('div.blog-social div.fb-like').each(function(div) {
div.className = 'blog-social-item blog-fb-like';
});
$$('#commentArea iframe').each(function(iframe) {
iframe.style.minHeight = '410px';
});
}
}
catch(ex) {}
})(window._W && _W.jQuery);
</script>
<div id="eu-cookie" class="notification" style="display: none;">
<span id="eu-cookie-content"></span>
<span id="eu-cookie-close">✕</span>
</div>
<script type="text/javascript">
(function($) {
var cookie_location = '';
// this cookie_content should already be pre-encoded from CookieSettingView.js
var cookie_content = '' || _W.stl('templates.publish.virtual-includes.footerCode_1');
if (!_W.getCookie('924559460302090829_cookie_policy') || (_W.getCookie('924559460302090829_cookie_policy') !== cookie_content)){
if (cookie_location === 'top' || cookie_location === 'bottom'){
$('#eu-cookie-content').text(decodeURIComponent(cookie_content));
(cookie_location === 'top') ? animateFromTop() : animateFromBottom();
$('#eu-cookie').show();
}
}
$('#eu-cookie-close').click(function(){
_W.setCookie('924559460302090829_cookie_policy', cookie_content, 100000);
$('#eu-cookie').hide();
});
function animateFromTop(){
$('#eu-cookie').css({
'top': '0px',
'animation': 'reveal-top 1 2s'
});
}
function animateFromBottom(){
$('#eu-cookie').css({
'bottom': '0px',
'animation': 'reveal-bottom 1 2s'
});
}
})(window._W && _W.jQuery);
</script>
</body>
</html>
Alles anzeigen