Posted By

ashloren on 04/09/13


Tagged

css google forms


Versions (?)

Who likes this?

2 people have marked this snippet as a favorite

3polars
icecreamboyy


Google Forms HTML for Custom CSS Styling


 / Published in: HTML
 

The bare bones HTML code for a Google form, so you can add custom CSS styles to it.

  1. <link href='/static/forms/client/css/3270547546-mobile_formview_ltr.css' type='text/css' rel='stylesheet' media='screen and (max-device-width: 600px)'></head>
  2. <body dir="ltr" class="ss-base-body"><div itemscope itemtype="http://schema.org/CreativeWork/FormObject"><meta itemprop="name" content="Submit Article">
  3.  
  4.  
  5. <meta itemprop="url" content="https://docs.google.com/forms/d/16FZ14w2ryxnvgKlUeRw3eV94rMP4PWiNEbpt6jhTAqc/viewform">
  6. <meta itemprop="embedUrl" content="https://docs.google.com/forms/d/16FZ14w2ryxnvgKlUeRw3eV94rMP4PWiNEbpt6jhTAqc/viewform?embedded=true">
  7. <meta itemprop="faviconUrl" content="https://ssl.gstatic.com/docs/spreadsheets/forms/favicon_jfk2.png">
  8. <a class="ss-edit-link" href="https://docs.google.com/forms/d/16FZ14w2ryxnvgKlUeRw3eV94rMP4PWiNEbpt6jhTAqc/edit">Edit this form</a>
  9.  
  10.  
  11.  
  12. <div class="ss-form-container"><div class="ss-top-of-page">
  13.  
  14.  
  15. <div class="ss-form-heading"><h1 class="ss-form-title" dir="ltr">Submit Article</h1>
  16. <p></p>
  17.  
  18.  
  19. <hr class="ss-email-break" style="display:none;">
  20. <div class="ss-required-asterisk">* Required</div></div></div>
  21. <div class="ss-form"><form action="https://docs.google.com/forms/d/16FZ14w2ryxnvgKlUeRw3eV94rMP4PWiNEbpt6jhTAqc/formResponse" method="POST" id="ss-form" target="_self" onsubmit="">
  22. <div class="errorbox-good">
  23. <div dir="ltr" class="ss-item ss-item-required ss-text"><div class="ss-form-entry"><label class="ss-q-item-label" for="entry_203815056"><div class="ss-q-title">Full Name:
  24. <label for="itemView.getDomIdToLabel()" aria-label="(Required field)"></label>
  25. <span class="ss-required-asterisk">*</span></div>
  26. <div class="ss-q-help ss-secondary-text" dir="ltr"></div></label>
  27. <input type="text" name="entry.203815056" value="" class="ss-q-short" id="entry_203815056" dir="auto" aria-required="true">
  28. </div></div></div> <div class="errorbox-good">
  29. <div dir="ltr" class="ss-item ss-item-required ss-text"><div class="ss-form-entry"><label class="ss-q-item-label" for="entry_1572741055"><div class="ss-q-title">Website:
  30. <label for="itemView.getDomIdToLabel()" aria-label="(Required field)"></label>
  31. <span class="ss-required-asterisk">*</span></div>
  32. <div class="ss-q-help ss-secondary-text" dir="ltr"><a href="http://www.google.com/url?q=http%3A%2F%2Fwww.yoursite.com&amp;sa=D&amp;sntz=1&amp;usg=AFQjCNHiYZ1xNrhwy03wiT9N5eetjwhADg">http://www.yoursite.com</a></div></label>
  33. <input type="text" name="entry.1572741055" value="" class="ss-q-short" id="entry_1572741055" dir="auto" aria-required="true">
  34. </div></div></div> <div class="errorbox-good">
  35. <div dir="ltr" class="ss-item ss-item-required ss-text"><div class="ss-form-entry"><label class="ss-q-item-label" for="entry_78902134"><div class="ss-q-title">Article Title:
  36. <label for="itemView.getDomIdToLabel()" aria-label="(Required field)"></label>
  37. <span class="ss-required-asterisk">*</span></div>
  38. <div class="ss-q-help ss-secondary-text" dir="ltr"></div></label>
  39. <input type="text" name="entry.78902134" value="" class="ss-q-short" id="entry_78902134" dir="auto" aria-required="true">
  40. </div></div></div> <div class="errorbox-good">
  41. <div dir="ltr" class="ss-item ss-item-required ss-paragraph-text"><div class="ss-form-entry"><label class="ss-q-item-label" for="entry_1197254379"><div class="ss-q-title">Article Summary:
  42. <label for="itemView.getDomIdToLabel()" aria-label="(Required field)"></label>
  43. <span class="ss-required-asterisk">*</span></div>
  44. <div class="ss-q-help ss-secondary-text" dir="ltr"></div></label>
  45. <textarea name="entry.1197254379" rows="8" cols="0" class="ss-q-long" id="entry_1197254379" dir="auto" aria-required="true"></textarea>
  46. </div></div></div> <div class="errorbox-good">
  47. <div dir="ltr" class="ss-item ss-item-required ss-paragraph-text"><div class="ss-form-entry"><label class="ss-q-item-label" for="entry_1425968042"><div class="ss-q-title">Author Bio:
  48. <label for="itemView.getDomIdToLabel()" aria-label="(Required field)"></label>
  49. <span class="ss-required-asterisk">*</span></div>
  50. <div class="ss-q-help ss-secondary-text" dir="ltr">2-3 sentences max.</div></label>
  51. <textarea name="entry.1425968042" rows="8" cols="0" class="ss-q-long" id="entry_1425968042" dir="auto" aria-required="true"></textarea>
  52. </div></div></div> <div class="errorbox-good">
  53. <div dir="ltr" class="ss-item ss-item-required ss-paragraph-text"><div class="ss-form-entry"><label class="ss-q-item-label" for="entry_92262685"><div class="ss-q-title">Article Body:
  54. <label for="itemView.getDomIdToLabel()" aria-label="(Required field)"></label>
  55. <span class="ss-required-asterisk">*</span></div>
  56. <div class="ss-q-help ss-secondary-text" dir="ltr"></div></label>
  57. <textarea name="entry.92262685" rows="8" cols="0" class="ss-q-long" id="entry_92262685" dir="auto" aria-required="true"></textarea>
  58. </div></div></div>
  59. <input type="hidden" name="draftResponse" value="[]
  60. ">
  61. <input type="hidden" name="pageHistory" value="0">
  62.  
  63.  
  64. <div class="ss-item ss-navigate"><div class="ss-form-entry">
  65. <input type="submit" name="submit" value="Submit" id="ss-submit">

Report this snippet  

You need to login to post a comment.