Databases
StackOverflow2013
Postsdbo
POI need to print the values entered in an HTML form on the same page on submit
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POI need to print the values entered in an HTML form on the same page on submit
    primarykey
    data
    text
    <p>hotmailI need the values entered into the form to print out on the screen when submit is pressed. How do I do the Javascript to do this. I don't know where to start so please help!</p> <p>Also does it look formatted correctly, I feel i am missing some things and that using tables to format was probably the wrong way of doing it.</p> <pre><code> &lt;script type="text/javascript"&gt; info = document.getElementById("personalInfo"); info.innerHTML = "&lt;strong&gt;Peronal Info: &lt;/strong&gt;" + "&lt;br&gt;" + "Name: " + document.feedback.fname.value + " " + document.feedback.lname.value + "&lt;br&gt;" + "Email: " + document.feedback.email.value; info = document.getElementById("experienceSubmit"); info.innerHTML = "&lt;strong&gt;Experience and Salary: &lt;/strong&gt;" + "&lt;br&gt;" + "Years of experience: " + document.feedback.experience.value + "&lt;br&gt;" + "Date of availability: " + document.feedback.date.value + "&lt;br&gt;" + "Compensation Chosen: " + document.feedback.comp.value + "&lt;br&gt;" + "Region Selected: " + document.feedback.region.value; info = document.getElementById("otherSubmit"); info.innerHTML = "&lt;strong&gt;Other information: &lt;/strong&gt;" + "&lt;br&gt;" + "# of References " + document.feedback.reference.value + "&lt;br&gt;" + "Additional Comments: " + document.feedback.comments.value; return false; } &lt;/script&gt; &lt;/head&gt; &lt;body background="../Assignment 5/_images/abstract_color_background_picture_8016-wide.jpg" &gt; &lt;form name="feedback" method="post" onSubmit="return checkform()"&gt; &lt;section id="pinfo" class="inputArea"&gt; &lt;fieldset&gt; &lt;table&gt; &lt;tr&gt; &lt;td&gt;Last Name: &lt;/td&gt; &lt;td&gt;&lt;input name="lname" type="text" autofocus required placeholder="lname" size="25" /&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;First Name: &lt;/td&gt; &lt;td&gt;&lt;input name="fname" type="text" size="25" required placeholder="fname" /&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Email: &lt;/td&gt; &lt;td&gt;&lt;input name="email" type="email" size="40" required placeholder="....@hotmail.com" /&gt; &lt;/td&gt; &lt;/tr&gt; &lt;td&gt;Gender: &lt;/td&gt; &lt;td&gt;&lt;select name="gender"&gt; &lt;option selected disabled style='display:none;'&gt; Gender&lt;/option&gt; &lt;option value="Male"&gt;Male&lt;/option&gt; &lt;option value="Female"&gt;Female&lt;/option&gt; &lt;/select&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/fieldset&gt; &lt;/section&gt; &lt;section id="experience"&gt; &lt;fieldset&gt; &lt;table&gt; &lt;tr&gt; &lt;td&gt; &lt;label for="experience"&gt;Years of Experience: &lt;/label&gt; &lt;input name="experience" type="number" /&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;label for="date"&gt;Date&lt;/label&gt; &lt;input name="date" type="date" /&gt; &lt;/td&gt; &lt;tr&gt; &lt;td&gt; &lt;label for="comp"&gt;Compensation: &lt;/label&gt;&lt;br&gt; &lt;input name="comp" type="radio" id="Salary" value="Salary Selected"&gt;Salary &amp;nbsp; &lt;input name="comp" type="radio" id="SalaryWB" value="Salary with bonus Selected"&gt;Salary with Bonus &amp;nbsp; &lt;input name="comp" type="radio" id="Commission" value="Commission Selected"&gt;Commission &amp;nbsp; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;label for="region"&gt;Region: &lt;/label&gt;&lt;br&gt; &lt;input name="region" type="checkbox" id="East" value="East Selected"&gt;East &amp;nbsp; &lt;input name="region" type="checkbox" id="West" value="West Selected"&gt;West &amp;nbsp; &lt;input name="region" type="checkbox" id="North" value="North Selected"&gt;North &amp;nbsp; &lt;input name="region" type="checkbox" id="South" value="South Selected"&gt;South &amp;nbsp; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/fieldset&gt; &lt;/section&gt; &lt;section id="other"&gt; &lt;fieldset&gt; &lt;table&gt; &lt;tr&gt; &lt;td&gt; &lt;label for="reference"&gt;References&lt;br&gt;0&amp;nbsp;&amp;nbsp 1 &amp;nbsp;&amp;nbsp 2 &amp;nbsp&amp;nbsp 3 &amp;nbsp&amp;nbsp 4 &amp;nbsp&amp;nbsp 5&lt;br&gt;&lt;/label&gt; &lt;input name="reference" id="reference" type="range" value="0" min="0" max="5" step="1" /&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;label for="comments"&gt;Additional Comments: &lt;br&gt;&lt;/label&gt; &lt;textarea name="comments" rows="5" cols="20" placeholder="Please include any other pertinent information here"&gt;&lt;/textarea&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/fieldset&gt; &lt;input type="submit" value="Submit" /&gt; &lt;input type="reset" value="Clear" /&gt; &lt;/section&gt; &lt;/form&gt; &lt;section id="personalInfo"&gt;&lt;/section&gt; &lt;section id="experienceSubmit"&gt;&lt;/section&gt; &lt;section id="otherSubmit"&gt;&lt;/section&gt; &lt;/body&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USuser278153
    1. USuser278153
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POI need to print the values entered in an HTML form on the same page on submit
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POI need to print the values entered in an HTML form on the same page on submit
      1. USKuldeep Choudhary
      1. VTFavorite
    1. COShould we assume you want to do so only when the data is invalid? If you allow a successful submit then you are essentially reloading the page and would need to read the post data.
      singulars
      1. POI need to print the values entered in an HTML form on the same page on submit
      1. USJohnny Harlamert
    2. CONot for this particular page, I need to print all the values entered.
      singulars
      1. POI need to print the values entered in an HTML form on the same page on submit
      1. USuser278153
    3. COYou will have to use a server side language such as PHP or equivalent because a submit sends the form data to server and returns a new page. AJAX would be an exception but I believe that would fall outside of your scope
      singulars
      1. POI need to print the values entered in an HTML form on the same page on submit
      1. USJohnny Harlamert
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload