avr39ripe

jsFormDrill

Apr 26th, 2021 (edited)
228
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en" id="html">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Study</title>
  6. </head>
  7. <body>
  8.     <form name="nameForm" id="nameForm">
  9.         <lable for="fname">First name</lable>
  10.         <div class="inputdiv">
  11.             <input type="text" id="fname" name="fname" value="Bill">
  12.         </div>
  13.         <lable for="sname">Second name</lable>
  14.         <div class="inputdiv">
  15.             <input type="text" id="sname" name="sname" value="Gates">
  16.         </div>
  17.         <input id="inputSubmit" type="submit">
  18.         <!--<button id="testFormSubmit" type="submit">Send!</button>-->
  19.         <h1 id="post">POST FORM!</h1>
  20.     </form>
  21.  
  22.     <form name="testForm" id="testForm">
  23.         <label for="chb1">Test Chb1</label>
  24.         <input type="checkbox" id="chb1" value="testChb1">
  25.         <label for="chb2">Test Chb2</label>
  26.         <input type="checkbox" id="chb2" value="testChb2" checked>
  27.         <label for="chb3">Test Chb3</label>
  28.         <input type="checkbox" id="chb3" value="testChb3">
  29.  
  30.         <label for="r1">"Fixed Rate"</label>
  31.         <input type="radio" id="r1" name="rate1" value="Fixed Rate">
  32.         <label for="r2">"Variable Rate"</label>
  33.         <input type="radio" id="r2" name="rate2" value="Variable Rate">
  34.         <label for="r3">"Multi Rate"</label>
  35.         <input type="radio" id="r3" name="rate3" value="Multi Rate" checked="checked">
  36.  
  37.         <select id="rates">
  38.             <option value="FR">Fixed Rate</option>
  39.             <option value="VR">Variable Rate</option>
  40.             <option value="MR">Multi Rate</option>
  41.         </select>
  42.     </form>
  43.         <script>
  44.             'use strict'
  45.                 //const form = document.getElementById('testForm');
  46.                 //const hPost = document.getElementById('post');
  47.  
  48.                 //form.addEventListener('submit', (event) => { console.log('Try to submit form!'); event.preventDefault(); });
  49.                 //form.addEventListener('click', (event) => {
  50.                 //    console.log(`click occured at -> ${event.target.id}`);
  51.                 //});
  52.  
  53.                 //hPost.addEventListener('click', (event) => {
  54.                 //    form.submit();
  55.                 //});
  56.         </script>
  57. </body>
  58. </html>
Advertisement
Add Comment
Please, Sign In to add comment