Where Can I Find the HTML of a Form?

There are instances where you may need to see or acquire the HTML of a form. This page will cover the ways that this can be done through all supported browsers.

Note: Performing a 'Save As' or 'Ctrl+S' of the page is not the correct way to obtain a form's HTML. It is often only a partial source and is incomplete. 

Chrome (Windows - PC)

Below are the steps needed to acquire a complete HTML output of a form in Chrome.

  1. The first step is to load the form in your Chrome browser



  2. Locate the the buttons in the top navigation area. 

  3. Beneath those buttons, perform a right+click with your mouse in the space below.
    Note: If the page is not rendering properly, you can also press the keyboard shortcut, 'Ctrl+U'.



  4. A contextual menu will display

  5. Select 'View Page Source'



  6. A new tab will open containing the complete HTML of the form



  7. Select the new tab and it should look something like this within the page



  8. Perform a 'Ctrl+A' action to highlight the entire contents of this page



  9. Next, perform a 'Ctrl+C' action to copy the selected contents
  10. Once copied, we'll need to locate the Notepad application in Windows



  11. Open Notepad and paste the contents within a new Notepad window. This can be done by clicking Edit > Paste, or by performing the 'Ctrl+V' action



  12. All HTML will be copied to this page



  13. Next, click File from the above menu and click 'Save as...'



  14. For naming the file, we recommend using the Form ID. In this case, we'll name it '38002'.



  15. If you're sending this into Quik! to debug an issue you encountered, you can simply attach it to an email or send the file via Slack.


Internet Explorer 11 (Windows - PC)

Below are the steps needed to acquire a complete HTML output of a form in Internet Explorer 11.

  1. The first step is to load the form in Internet Explorer

     

  2. Locate the the buttons in the top navigation area

  3. Beneath those buttons, perform a right+click with your mouse in the space below
    Note: If the page is not rendering properly, you can also press the keyboard shortcut, 'Ctrl+U'.

     

  4. A contextual menu will display

  5. Select 'View Page Source'

     

  6. A new tab will open at the bottom containing the complete HTML of the form



  7. Perform a 'Ctrl+A' action to highlight the entire contents of this tab

     

  8. Next, perform a 'Ctrl+C' action to copy the selected contents
     
  9. Once copied, we'll need to locate the Notepad application in Windows

     

  10. Open Notepad and paste the contents within a new Notepad window. This can be done by clicking Edit > Paste, or by performing the 'Ctrl+V' action

     

  11. All HTML will be copied to this page

     

  12. Next, click File from the above menu and click 'Save as...'

     

  13. For naming the file, we recommend using the Form ID. In this case, we'll name it '38002'.

     

  14. If you're sending this into Quik! to debug an issue you encountered, you can simply attach it to an email or send the file via Slack.

For help regarding Quik! Forms and the Quik! API
Email: support@quikforms.com | Phone: (877) 456-QUIK