HTML & CSS Can anyone help me I have a form and need myself to be sent the input once it is submitted

lukerfostersr · Apr 1, 2020

Here is the code I got it from jotform but I'm trying to remove them from the equation and just been sent the form contents after it is filled out. Please help

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html class="supernova"><head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link rel="alternate" type="application/json+oembed" href="https://www.freightallstars.com/oembed/?format=json&amp;url=https://form.freightallstars.com/200906538686161" title="oEmbed Form">

<link rel="alternate" type="text/xml+oembed" href="https://www.freightallstars.com/oembed/?format=xml&amp;url=https://form.jotform.com/200906538686161" title="oEmbed Form">

<meta property="og:title" content="Request a Quote!" >

<meta property="og:url" content="https://form.freightallstars.com/200906538686161" >

<meta property="og:description" content="Please click the link to complete this form.">

<meta name="slack-app-id" content="AHNMASS8M">

<link rel="shortcut icon" href="https://cdn.jotfor.ms/favicon.ico">

<link rel="canonical" href="https://form.jotform.com/200906538686161" />

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=1" />

<meta name="HandheldFriendly" content="true" />

<title>Request a Quote!</title>

<link href="https://cdn.jotfor.ms/static/formCss.css?3.3.16547" rel="stylesheet" type="text/css" />

<link type="text/css" media="print" rel="stylesheet" href="https://cdn.jotfor.ms/css/printForm.css?3.3.16547" />

<link type="text/css" rel="stylesheet" href="https://cdn.jotfor.ms/css/styles/nova.css?3.3.16547" />

<link type="text/css" rel="stylesheet" href="https://cdn.jotfor.ms/themes/CSS/54be8ecb700cc443378b4568.css?themeRevisionID=5cf3a17a544a540fb772aaf1"/>

<style type="text/css">

    .form-label-left{

        width:150px;

    }

    .form-line{

        padding-top:12px;

        padding-bottom:12px;

    }

    .form-label-right{

        width:150px;

    }

    body, html{

        margin:0;

        padding:0;

        background:#F3F3F3;

    }


    .form-all{

        margin:0px auto;

        padding-top:0px;

        width:690px;

        color:rgb(255, 82, 0) !important;

        font-family:'Open Sans';

        font-size:14px;

    }

</style>


<style type="text/css" id="form-designer-style">

    /* Injected CSS Code */

/*PREFERENCES STYLE*/

    .form-all {

      font-family: Tahoma, sans-serif;

    }

    .form-all .qq-upload-button,

    .form-all .form-submit-button,

    .form-all .form-submit-reset,

    .form-all .form-submit-print {

      font-family: Tahoma, sans-serif;

    }

    .form-all .form-pagebreak-back-container,

    .form-all .form-pagebreak-next-container {

      font-family: Tahoma, sans-serif;

    }

    .form-header-group {

      font-family: Tahoma, sans-serif;

    }

    .form-label {

      font-family: Tahoma, sans-serif;

    }

 

    .form-label.form-label-auto {

    

    display: inline-block;

    float: left;

    text-align: left;

 

    }

 

    .form-line {

      margin-top: 12px;

      margin-bottom: 12px;

    }

 

    .form-all {

      width: 665px;

    }

 

    .form-label.form-label-left,

    .form-label.form-label-right,

    .form-label.form-label-left.form-label-auto,

    .form-label.form-label-right.form-label-auto {

      width: 150px;

    }

 

    .form-all {

      font-size: 12pxpx

    }

    .form-all .qq-upload-button,

    .form-all .qq-upload-button,

    .form-all .form-submit-button,

    .form-all .form-submit-reset,

    .form-all .form-submit-print {

      font-size: 12pxpx

    }

    .form-all .form-pagebreak-back-container,

    .form-all .form-pagebreak-next-container {

      font-size: 12pxpx

    }

 

    .supernova .form-all, .form-all {

      background-color: #F3F3F3;

      border: 1px solid transparent;

    }

 

    .form-all {

      color: #000000;

    }

    .form-header-group .form-header {

      color: #000000;

    }

    .form-header-group .form-subHeader {

      color: #000000;

    }

    .form-label-top,

    .form-label-left,

    .form-label-right,

    .form-html,

    .form-checkbox-item label,

    .form-radio-item label {

      color: #000000;

    }

    .form-sub-label {

      color: #1a1a1a;

    }

 

    .supernova {

      background-color: undefined;

    }

    .supernova body {

      background: transparent;

    }

 

    .form-textbox,

    .form-textarea,

    .form-radio-other-input,

    .form-checkbox-other-input,

    .form-captcha input,

    .form-spinner input {

      background-color: undefined;

    }

 

    .supernova {

      background-image: none;

    }

    #stage {

      background-image: none;

    }

 

    .form-all {

      background-image: none;

    }

 

  .ie-8 .form-all:before { display: none; }

  .ie-8 {

    margin-top: auto;

    margin-top: initial;

  }

 

  /*PREFERENCES STYLE*//*__INSPECT_SEPERATOR__*/

    /* Injected CSS Code */

</style>


<script src="https://cdnjs.cloudflare.com/ajax/libs/punycode/1.4.1/punycode.min.js"></script>

<script src="https://cdn.jotfor.ms/static/prototype.forms.js" type="text/javascript"></script>

<script src="https://cdn.jotfor.ms/static/jotform.forms.js?3.3.16547" type="text/javascript"></script>

<script type="text/javascript">

    JotForm.init(function(){

      setTimeout(function() {

          $('input_3').hint('ex: [email protected]');

       }, 20);

if (window.JotForm && JotForm.accessible) $('input_5').setAttribute('tabindex',0);

if (window.JotForm && JotForm.accessible) $('input_8').setAttribute('tabindex',0);

if (window.JotForm && JotForm.accessible) $('input_14').setAttribute('tabindex',0);

if (window.JotForm && JotForm.accessible) $('input_15').setAttribute('tabindex',0);

if (window.JotForm && JotForm.accessible) $('input_18').setAttribute('tabindex',0);

if (window.JotForm && JotForm.accessible) $('input_19').setAttribute('tabindex',0);

      $$("#input_10")[0].setValue($$('#input_10')[0].value.replace(/&#13;&#10;/g, '\n'));

if (window.JotForm && JotForm.accessible) $('input_10').setAttribute('tabindex',0);

if (window.JotForm && JotForm.accessible) $('input_20').setAttribute('tabindex',0);

    JotForm.newDefaultTheme = false;

    /*INIT-END*/

    });


   JotForm.prepareCalculationsOnTheFly([null,{"name":"fullName1","qid":"1","text":"Full Name:","type":"control_fullname"},{"name":"submit","qid":"2","text":"Submit","type":"control_button"},{"name":"email","qid":"3","text":"E-mail:","type":"control_email"},{"name":"phoneNumber","qid":"4","text":"Phone Number:","type":"control_phone"},{"name":"company5","qid":"5","text":"Company:","type":"control_textbox"},{"name":"clickTo","qid":"6","text":"CONTACT INFORMATION","type":"control_head"},{"name":"transportationInformation","qid":"7","text":"Transportation information","type":"control_head"},{"name":"originFrom","qid":"8","subLabel":"City, State and Zip code ","text":"Origin: From where?","type":"control_textbox"},{"name":"whatAre9","qid":"9","text":"What are we transporting?","type":"control_checkbox"},{"name":"isThere10","qid":"10","subLabel":"Special pickup or delivery instructions etc.","text":"Is there any additional information that would be helpful to us?","type":"control_textarea"},null,{"name":"howSoon","qid":"12","subLabel":"Please Select ^","text":"How soon do you need it Transported:","type":"control_dropdown"},{"name":"enterThe13","qid":"13","text":"Enter the message as it's shown","type":"control_captcha"},{"description":"","name":"destinationTo","qid":"14","subLabel":"City, State and Zip code","text":"Destination: To Where?","type":"control_textbox"},{"description":"","name":"yearOf15","qid":"15","subLabel":"","text":"Year of Vehicle:","type":"control_textbox"},{"description":"","name":"preferenceOf","qid":"16","text":"Preference of shipment:","type":"control_radio"},{"description":"","name":"isThe","qid":"17","text":"Is the Vehicle operable?","type":"control_radio"},{"description":"","name":"make","qid":"18","subLabel":"Ex: Chevy, Ford,Kenworth Etc.","text":"Make:","type":"control_textbox"},{"description":"","name":"model","qid":"19","subLabel":"Ex: Silverado, F-350, T370 Etc.","text":"Model","type":"control_textbox"},{"description":"","name":"whatIs","qid":"20","subLabel":"","text":"What is your Budget?","type":"control_textbox"}]);

   setTimeout(function() {

JotForm.paymentExtrasOnTheFly([null,{"name":"fullName1","qid":"1","text":"Full Name:","type":"control_fullname"},{"name":"submit","qid":"2","text":"Submit","type":"control_button"},{"name":"email","qid":"3","text":"E-mail:","type":"control_email"},{"name":"phoneNumber","qid":"4","text":"Phone Number:","type":"control_phone"},{"name":"company5","qid":"5","text":"Company:","type":"control_textbox"},{"name":"clickTo","qid":"6","text":"CONTACT INFORMATION","type":"control_head"},{"name":"transportationInformation","qid":"7","text":"Transportation information","type":"control_head"},{"name":"originFrom","qid":"8","subLabel":"City, State and Zip code ","text":"Origin: From where?","type":"control_textbox"},{"name":"whatAre9","qid":"9","text":"What are we transporting?","type":"control_checkbox"},{"name":"isThere10","qid":"10","subLabel":"Special pickup or delivery instructions etc.","text":"Is there any additional information that would be helpful to us?","type":"control_textarea"},null,{"name":"howSoon","qid":"12","subLabel":"Please Select ^","text":"How soon do you need it Transported:","type":"control_dropdown"},{"name":"enterThe13","qid":"13","text":"Enter the message as it's shown","type":"control_captcha"},{"description":"","name":"destinationTo","qid":"14","subLabel":"City, State and Zip code","text":"Destination: To Where?","type":"control_textbox"},{"description":"","name":"yearOf15","qid":"15","subLabel":"","text":"Year of Vehicle:","type":"control_textbox"},{"description":"","name":"preferenceOf","qid":"16","text":"Preference of shipment:","type":"control_radio"},{"description":"","name":"isThe","qid":"17","text":"Is the Vehicle operable?","type":"control_radio"},{"description":"","name":"make","qid":"18","subLabel":"Ex: Chevy, Ford,Kenworth Etc.","text":"Make:","type":"control_textbox"},{"description":"","name":"model","qid":"19","subLabel":"Ex: Silverado, F-350, T370 Etc.","text":"Model","type":"control_textbox"},{"description":"","name":"whatIs","qid":"20","subLabel":"","text":"What is your Budget?","type":"control_textbox"}]);}, 20);

</script>

</head>

<body>

<form class="jotform-form" action="https://submit.jotform.com/submit/200906538686161/" method="post" name="form_200906538686161" id="200906538686161" accept-charset="utf-8" autocomplete="on">

  <input type="hidden" name="formID" value="200906538686161" />

  <input type="hidden" id="JWTContainer" value="" />

  <input type="hidden" id="cardinalOrderNumber" value="" />

  <div role="main" class="form-all">

    <ul class="form-section page-section">

      <li id="cid_6" class="form-input-wide" data-type="control_head">

        <div class="form-header-group  header-small">

          <div class="header-text httal htvam">

            <h3 id="header_6" class="form-header" data-component="header">

              CONTACT INFORMATION

            </h3>

          </div>

        </div>

      </li>

      </li>

      <li class="form-line jf-required" data-type="control_fullname" id="id_1">

        <label class="form-label form-label-left form-label-auto" id="label_1" for="first_1">

          Full Name:

          <span class="form-required">

            *

          </span>

        </label>

        <div id="cid_1" class="form-input jf-required">

          <div data-wrapper-react="true">

            <span class="form-sub-label-container " style="vertical-align:top" data-input-type="first">

              <input type="text" id="first_1" name="q1_fullName1[first]" class="form-textbox validate[required]" size="10" value="" data-component="first" aria-labelledby="label_1 sublabel_1_first" required="" />

              <label class="form-sub-label" for="first_1" id="sublabel_1_first" style="min-height:13px" aria-hidden="false"> First Name </label>

            </span>

            <span class="form-sub-label-container " style="vertical-align:top" data-input-type="last">

              <input type="text" id="last_1" name="q1_fullName1[last]" class="form-textbox validate[required]" size="15" value="" data-component="last" aria-labelledby="label_1 sublabel_1_last" required="" />

              <label class="form-sub-label" for="last_1" id="sublabel_1_last" style="min-height:13px" aria-hidden="false"> Last Name </label>

            </span>

          </div>

        </div>

      </li>

      <li class="form-line jf-required" data-type="control_email" id="id_3">

        <label class="form-label form-label-left form-label-auto" id="label_3" for="input_3">

          E-mail:

          <span class="form-required">

            *

          </span>

        </label>

        <div id="cid_3" class="form-input jf-required">

          <input type="email" id="input_3" name="q3_email" class="form-textbox validate[required, Email]" size="30" value="" placeholder="ex: [email protected]" data-component="email" aria-labelledby="label_3" required="" />

        </div>

      </li>

      <li class="form-line jf-required" data-type="control_phone" id="id_4">

        <label class="form-label form-label-left form-label-auto" id="label_4" for="input_4_area">

          Phone Number:

          <span class="form-required">

            *

          </span>

        </label>

        <div id="cid_4" class="form-input jf-required">

          <div data-wrapper-react="true">

            <span class="form-sub-label-container " style="vertical-align:top" data-input-type="areaCode">

              <input type="tel" id="input_4_area" name="q4_phoneNumber[area]" class="form-textbox validate[required]" size="6" value="" data-component="areaCode" aria-labelledby="label_4 sublabel_4_area" required="" />

              <span class="phone-separate" aria-hidden="true">

                 -

              </span>

              <label class="form-sub-label" for="input_4_area" id="sublabel_4_area" style="min-height:13px" aria-hidden="false"> Area Code </label>

            </span>

            <span class="form-sub-label-container " style="vertical-align:top" data-input-type="phone">

              <input type="tel" id="input_4_phone" name="q4_phoneNumber[phone]" class="form-textbox validate[required]" size="12" value="" data-component="phone" aria-labelledby="label_4 sublabel_4_phone" required="" />

              <label class="form-sub-label" for="input_4_phone" id="sublabel_4_phone" style="min-height:13px" aria-hidden="false"> Phone Number </label>

            </span>

          </div>

        </div>

      </li>

      <li class="form-line" data-type="control_textbox" id="id_5">

        <label class="form-label form-label-left form-label-auto" id="label_5" for="input_5"> Company: </label>

        <div id="cid_5" class="form-input">

          <input type="text" id="input_5" name="q5_company5" data-type="input-textbox" class="form-textbox" size="20" value="" placeholder=" " data-component="textbox" aria-labelledby="label_5" />

        </div>

      </li>

      <li id="cid_7" class="form-input-wide" data-type="control_head">

        <div class="form-header-group  header-small">

          <div class="header-text httal htvam">

            <h3 id="header_7" class="form-header" data-component="header">

              Transportation information

            </h3>

          </div>

        </div>

      </li>

      </li>

      <li class="form-line form-line-column form-col-1 jf-required" data-type="control_textbox" id="id_8">

        <label class="form-label form-label-top" id="label_8" for="input_8">

          Origin: From where?

          <span class="form-required">

            *

          </span>

        </label>

        <div id="cid_8" class="form-input-wide jf-required">

          <span class="form-sub-label-container " style="vertical-align:top">

            <input type="text" id="input_8" name="q8_originFrom" data-type="input-textbox" class="form-textbox validate[required]" size="20" value="" placeholder=" " data-component="textbox" aria-labelledby="label_8 sublabel_input_8" required="" />

            <label class="form-sub-label" for="input_8" id="sublabel_input_8" style="min-height:13px" aria-hidden="false"> City, State and Zip code </label>

          </span>

        </div>

      </li>

      <li class="form-line form-line-column form-col-2 jf-required" data-type="control_textbox" id="id_14">

        <label class="form-label form-label-top" id="label_14" for="input_14">

          Destination: To Where?

          <span class="form-required">

            *

          </span>

        </label>

        <div id="cid_14" class="form-input-wide jf-required">

          <span class="form-sub-label-container " style="vertical-align:top">

            <input type="text" id="input_14" name="q14_destinationTo" data-type="input-textbox" class="form-textbox validate[required]" size="20" value="" data-component="textbox" aria-labelledby="label_14 sublabel_input_14" required="" />

            <label class="form-sub-label" for="input_14" id="sublabel_input_14" style="min-height:13px" aria-hidden="false"> City, State and Zip code </label>

          </span>

        </div>

      </li>

      <li class="form-line jf-required" data-type="control_checkbox" id="id_9">

        <label class="form-label form-label-left form-label-auto" id="label_9" for="input_9">

          What are we transporting?

          <span class="form-required">

            *

          </span>

        </label>

        <div id="cid_9" class="form-input jf-required">

          <div class="form-single-column" role="group" aria-labelledby="label_9" data-component="checkbox">

            <span class="form-checkbox-item" style="clear:left">

              <span class="dragger-item">

              </span>

              <input type="checkbox" class="form-checkbox validate[required, maxselection,minselection]" id="input_9_0" name="q9_whatAre9[]" checked="" value="Vehicle" required="" data-maxselection="1" data-minselection="1" />

              <label id="label_input_9_0" for="input_9_0"> Vehicle </label>

            </span>

            <span class="form-checkbox-item" style="clear:left">

              <span class="dragger-item">

              </span>

              <input type="checkbox" class="form-checkbox validate[required, maxselection,minselection]" id="input_9_1" name="q9_whatAre9[]" value="Freight" required="" data-maxselection="1" data-minselection="1" />

              <label id="label_input_9_1" for="input_9_1"> Freight </label>

            </span>

            <span class="form-checkbox-item" style="clear:left">

              <input type="checkbox" class="form-checkbox-other form-checkbox validate[required, maxselection,minselection]" data-maxselection="1" name="q9_whatAre9[other]" id="other_9" value="other" aria-label="Other" />

              <label id="label_other_9" style="text-indent:0" for="other_9">  </label>

              <input type="text" class="form-checkbox-other-input form-textbox" name="q9_whatAre9[other]" data-otherhint="Other" size="15" id="input_9" tabindex="-1" placeholder="Other" />

              <br/>

            </span>

          </div>

        </div>

      </li>

      <li class="form-line jf-required" data-type="control_radio" id="id_17">

        <label class="form-label form-label-left form-label-auto" id="label_17" for="input_17">

          Is the Vehicle operable?

          <span class="form-required">

            *

          </span>

        </label>

        <div id="cid_17" class="form-input jf-required">

          <div class="form-single-column" role="group" aria-labelledby="label_17" data-component="radio">

            <span class="form-radio-item" style="clear:left">

              <span class="dragger-item">

              </span>

              <input type="radio" class="form-radio validate[required]" id="input_17_0" name="q17_isThe" value="Runs and drives" required="" />

              <label id="label_input_17_0" for="input_17_0"> Runs and drives </label>

            </span>

            <span class="form-radio-item" style="clear:left">

              <span class="dragger-item">

              </span>

              <input type="radio" class="form-radio validate[required]" id="input_17_1" name="q17_isThe" value="Does not run, but it rolls steers and brakes(Wench needed)" required="" />

              <label id="label_input_17_1" for="input_17_1"> Does not run, but it rolls steers and brakes(Wench needed) </label>

            </span>

            <span class="form-radio-item" style="clear:left">

              <span class="dragger-item">

              </span>

              <input type="radio" class="form-radio validate[required]" id="input_17_2" name="q17_isThe" value="Inoperable or totaled (Forklift needed)" required="" />

              <label id="label_input_17_2" for="input_17_2"> Inoperable or totaled (Forklift needed) </label>

            </span>

            <span class="form-radio-item" style="clear:left">

              <input type="radio" class="form-radio-other form-radio validate[required]" name="q17_isThe" id="other_17" value="other" aria-label="Other" />

              <label id="label_other_17" style="text-indent:0" for="other_17">  </label>

              <input type="text" class="form-radio-other-input form-textbox" name="q17_isThe[other]" data-otherhint="Other" size="15" id="input_17" tabindex="-1" placeholder="Other" />

              <br/>

            </span>

          </div>

        </div>

      </li>

      <li class="form-line jf-required" data-type="control_radio" id="id_16">

        <label class="form-label form-label-left form-label-auto" id="label_16" for="input_16">

          Preference of shipment:

          <span class="form-required">

            *

          </span>

        </label>

        <div id="cid_16" class="form-input jf-required">

          <div class="form-single-column" role="group" aria-labelledby="label_16" data-component="radio">

            <span class="form-radio-item" style="clear:left">

              <span class="dragger-item">

              </span>

              <input type="radio" class="form-radio validate[required]" id="input_16_0" name="q16_preferenceOf" value="Open shipment  (Cheapest and most popular)" required="" />

              <label id="label_input_16_0" for="input_16_0"> Open shipment  (Cheapest and most popular) </label>

            </span>

            <span class="form-radio-item" style="clear:left">

              <span class="dragger-item">

              </span>

              <input type="radio" class="form-radio validate[required]" id="input_16_1" name="q16_preferenceOf" value="Enclosed Shipment" required="" />

              <label id="label_input_16_1" for="input_16_1"> Enclosed Shipment </label>

            </span>

            <span class="form-radio-item" style="clear:left">

              <span class="dragger-item">

              </span>

              <input type="radio" class="form-radio validate[required]" id="input_16_2" name="q16_preferenceOf" value="Drive-away service" required="" />

              <label id="label_input_16_2" for="input_16_2"> Drive-away service </label>

            </span>

          </div>

        </div>

      </li>

      <li class="form-line jf-required" data-type="control_textbox" id="id_15">

        <label class="form-label form-label-top" id="label_15" for="input_15">

          Year of Vehicle:

          <span class="form-required">

            *

          </span>

        </label>

        <div id="cid_15" class="form-input-wide jf-required">

          <input type="text" id="input_15" name="q15_yearOf15" data-type="input-textbox" class="form-textbox validate[required]" size="20" value="" data-component="textbox" aria-labelledby="label_15" required="" />

        </div>

      </li>

      <li class="form-line form-line-column form-col-1 jf-required" data-type="control_textbox" id="id_18">

        <label class="form-label form-label-top" id="label_18" for="input_18">

          Make:

          <span class="form-required">

            *

          </span>

        </label>

        <div id="cid_18" class="form-input-wide jf-required">

          <span class="form-sub-label-container " style="vertical-align:top">

            <input type="text" id="input_18" name="q18_make" data-type="input-textbox" class="form-textbox validate[required]" size="20" value="" data-component="textbox" aria-labelledby="label_18 sublabel_input_18" required="" />

            <label class="form-sub-label" for="input_18" id="sublabel_input_18" style="min-height:13px" aria-hidden="false"> Ex: Chevy, Ford,Kenworth Etc. </label>

          </span>

        </div>

      </li>

      <li class="form-line form-line-column form-col-2 jf-required" data-type="control_textbox" id="id_19">

        <label class="form-label form-label-top" id="label_19" for="input_19">

          Model

          <span class="form-required">

            *

          </span>

        </label>

        <div id="cid_19" class="form-input-wide jf-required">

          <span class="form-sub-label-container " style="vertical-align:top">

            <input type="text" id="input_19" name="q19_model" data-type="input-textbox" class="form-textbox validate[required]" size="20" value="" data-component="textbox" aria-labelledby="label_19 sublabel_input_19" required="" />

            <label class="form-sub-label" for="input_19" id="sublabel_input_19" style="min-height:13px" aria-hidden="false"> Ex: Silverado, F-350, T370 Etc. </label>

          </span>

        </div>

      </li>

      <li class="form-line" data-type="control_dropdown" id="id_12">

        <label class="form-label form-label-left form-label-auto" id="label_12" for="input_12"> How soon do you need it Transported: </label>

        <div id="cid_12" class="form-input">

          <span class="form-sub-label-container " style="vertical-align:top">

            <select class="form-dropdown" id="input_12" name="q12_howSoon" style="width:150px" data-component="dropdown" aria-labelledby="label_12 sublabel_input_12">

              <option value="">  </option>

              <option selected="" value="ASAP"> ASAP </option>

              <option value="2-3 Days"> 2-3 Days </option>

              <option value="3-7 days"> 3-7 days </option>

              <option value="1-2 Weeks"> 1-2 Weeks </option>

              <option value="2-4 Weeks"> 2-4 Weeks </option>

              <option value="Not for a month+"> Not for a month+ </option>

            </select>

            <label class="form-sub-label" for="input_12" id="sublabel_input_12" style="min-height:13px" aria-hidden="false"> Please Select ^ </label>

          </span>

        </div>

      </li>

      <li class="form-line" data-type="control_textarea" id="id_10">

        <label class="form-label form-label-left form-label-auto" id="label_10" for="input_10"> Is there any additional information that would be helpful to us? </label>

        <div id="cid_10" class="form-input">

          <span class="form-sub-label-container " style="vertical-align:top">

            <textarea id="input_10" class="form-textarea" name="q10_isThere10" cols="40" rows="6" data-component="textarea" aria-labelledby="label_10 sublabel_input_10">none</textarea>

            <label class="form-sub-label" for="input_10" id="sublabel_input_10" style="min-height:13px" aria-hidden="false"> Special pickup or delivery instructions etc. </label>

          </span>

        </div>

      </li>

      <li class="form-line" data-type="control_textbox" id="id_20">

        <label class="form-label form-label-left" id="label_20" for="input_20"> What is your Budget? </label>

        <div id="cid_20" class="form-input">

          <input type="text" id="input_20" name="q20_whatIs" data-type="input-textbox" class="form-textbox" size="20" value="$" data-component="textbox" aria-labelledby="label_20" />

        </div>

      </li>

      <li class="form-line jf-required" data-type="control_captcha" id="id_13">

        <label class="form-label form-label-left form-label-auto" id="label_13" for="input_13">

          Enter the message as it's shown

          <span class="form-required">

            *

          </span>

        </label>

        <div id="cid_13" class="form-input jf-required">

          <section data-wrapper-react="true">

            <div id="recaptcha_input_13" data-component="recaptcha" data-callback="recaptchaCallbackinput_13" data-expired-callback="recaptchaExpiredCallbackinput_13">

            </div>

            <input type="hidden" id="input_13" class="hidden validate[required]" name="recaptcha_visible" required="" />

            <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=explicit&amp;onload=recaptchaLoadedinput_13"></script>

            <script type="text/javascript">

                    var recaptchaLoadedinput_13 = function()

          {

            window.grecaptcha.render($("recaptcha_input_13"), {

              sitekey: '6LdU3CgUAAAAAB0nnFM3M3T0sy707slYYU51RroJ',

            });

            var grecaptchaBadge = document.querySelector('.grecaptcha-badge');

            if (grecaptchaBadge)

            {

              grecaptchaBadge.style.boxShadow = 'gray 0px 0px 2px';

            }

          };


        /**

         * Called when the reCaptcha verifies the user is human

         * For invisible reCaptcha;

         *   Submit event is stopped after validations and recaptcha is executed.

         *   If a challenge is not displayed, this will be called right after grecaptcha.execute()

         *   If a challenge is displayed, this will be called when the challenge is solved successfully

         *   Submit is triggered to actually submit the form since it is stopped before.

         */

        var recaptchaCallbackinput_13 = function()

          {

            var isInvisibleReCaptcha = false;

            var hiddenInput = $("input_13");

            hiddenInput.setValue(1);

            if (!isInvisibleReCaptcha)

            {

              if (hiddenInput.validateInput)

              {

                hiddenInput.validateInput();

              }

            }

            else

            {

              triggerSubmit(hiddenInput.form)

            }


            function triggerSubmit(formElement)

            {

              var button = formElement.ownerDocument.createElement('input');

              button.style.display = 'none';

              button.type = 'submit';

              formElement.appendChild(button).click();

              formElement.removeChild(button);

            }

          }


          // not really required for invisible recaptcha

        var recaptchaExpiredCallbackinput_13 = function()

          {

            var hiddenInput = $("input_13");

            hiddenInput.writeAttribute("value", false);

            if (hiddenInput.validateInput)

            {

              hiddenInput.validateInput();

            }

          }

            </script>

          </section>

        </div>

      </li>

      <li class="form-line" data-type="control_button" id="id_2">

        <div id="cid_2" class="form-input-wide">

          <div style="text-align:center" data-align="center" class="form-buttons-wrapper  ">

            <button id="input_2" type="submit" class="form-submit-button" data-component="button" data-content="">

              Submit

            </button>

          </div>

        </div>

      </li>

      <li style="display:none">

        Should be Empty:

        <input type="text" name="website" value="" />

      </li>

    </ul>

  </div>

  <input type="hidden" id="simple_spc" name="simple_spc" value="200906538686161" />

  <script type="text/javascript">

  document.getElementById("si" + "mple" + "_spc").value = "200906538686161-200906538686161";

  </script>

 

  </a>


      </span>

    

    </div>

  </div>

</form></body>

</html>

lukerfostersr · Apr 1, 2020

FreightAllstars.com is my website I am working on

Malcolm · Apr 1, 2020

Hello,

Please review How to postcode in your threads. It makes it much cleaner and easier to understand.

What are you trying to remove? I'm not sure what you mean. Do you mean to have it where it sends it to you a not via jotform?

lukerfostersr · Apr 1, 2020

Yes and thank you I will check how to post them next time. I would like for the submitted form info to be either sent to my Website email or for it to be sent some other way but to myself. Not to a third party first. What would I have to do to make that happen? I've heard I may need PHP on my server to process it? Does this sound right?

Malcolm · Apr 1, 2020

You could just create a form then setup a .php file and set it up in a way that it will send you can email.

Mathematical · Apr 1, 2020

Master Yoda said:
You could just create a form then setup a .php file and set it up in a way that it will send you can email.

As @Master Yoda has stated, you'll need to create a PHP file to do this. You can send emails through JS using mailto:address, but I don't think it can send form data, and plus, it's JS, it's insecure if it isn't done properly. Of course, that isn't to say that PHP is secure either. Just write good code in either language and you're good.

If I'm correct, you'd use something like SMTP(

Simple Mail Transfer Protocol - Wikipedia

en.wikipedia.org

). That would be the protocol that you use though. PHP would be your implementation-language. There are multiple tutorials online as to how to send form data via emails, so scavenge around and see what you can find.

Although, since PHP does have a bunch of security flaws(They won't be as bad nowadays but they're still there), I would heavily advise sending data via email, encrypted or not. If you want to send somebody their username cause they might forget it(Reddit does this), then that's fine. But if it's emails, passwords, or other forms of sensitive-data, then be careful if you choose to do this. Remember, security first. Implementation, second. And finally, test it and break it.

Malcolm · Apr 1, 2020

You can also check out https://1stwebdesigner.com/php-contact-form-html/ as well. This may help.

lukerfostersr · Apr 1, 2020

Awesome you guys have been very helpful thank you. I will do some more reasearch for the moment. Cheers

Malcolm · Apr 1, 2020

lukerfostersr said:
Awesome you guys have been very helpful thank you. I will do some more reasearch for the moment. Cheers

You're very welcome, you're always welcomed to ask for help at Code Forum!

Welcome!

HTML & CSS Can anyone help me I have a form and need myself to be sent the input once it is submitted

lukerfostersr

New Coder

lukerfostersr

New Coder

Malcolm

Administrator

lukerfostersr

New Coder

Malcolm

Administrator

Mathematical

Silver Coder

Simple Mail Transfer Protocol - Wikipedia

Malcolm

Administrator

lukerfostersr

New Coder

Malcolm

Administrator

New Threads

Latest posts

Share this page

Buy us a coffee!

About Us

Site links

We value your privacy

Welcome!

HTML & CSS Can anyone help me I have a form and need myself to be sent the input once it is submitted

New Coder

New Coder

Administrator

New Coder

Administrator

Silver Coder

Administrator

New Coder

Administrator

Log in

Share this page

Buy us a coffee!

About Us

Site links

Stay Connected

We value your privacy