File Upload Forms for Google Drive

file-upload-forms

File Upload Forms for Google Drive
----------------------------------
With the File Upload forms, you can upload files of any size and the files are sent directly to the owner’s Google Drive while the form data is saved in a Google Spreadsheet. 



A [Pen](https://codepen.io/labnol/pen/QYWvwV) by [Amit Agarwal](https://codepen.io/labnol) on [CodePen](https://codepen.io).

[License](https://codepen.io/labnol/pen/QYWvwV/license).

index.html

<div class='forms-studio'>
  <iframe src='https://script.google.com/macros/s/AKfycbxVx7XTXAGeXn8ohWphjiy-U3JWIMzyk3qNVjR92SBsK_7VYX0w/exec'></iframe></div>
<div>
  <p class="footer">This live demo of <a href="https://www.labnol.org/internet/file-upload-google-forms/29170/">File Upload Forms</a> is provided by <a href="https://digitalinspiration.com/GA14">Digital Inspiration</a>. For help, <a href="https://digitalinspiration.com/contact">get in touch</a>.
  </p>
</div>

style.css

.forms-studio {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  width: 100%;
  height: 600px;
}
.forms-studio iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

p.footer {
  text-align: center;
  padding: 20px;
  font-size: 95%;
}

For some reason the dropdown menu does not work when accessed from an iPhone through Safari. I am unable to select the proper item as almost 90% of the time it will default to selecting the bottom item. This issue persists on multiple iPhones but does not happen when accessed from an Android Phone through Chrome or Brave browser.