From a588bdc7b33dde72de5a670a2d2d4edf254569e9 Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Fri, 8 Apr 2022 10:53:00 -0400
Subject: [PATCH] fix examples for codepen

---
 docs/getting-started/form-controls.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/getting-started/form-controls.md b/docs/getting-started/form-controls.md
index 0398b4f4e..1065cc740 100644
--- a/docs/getting-started/form-controls.md
+++ b/docs/getting-started/form-controls.md
@@ -68,7 +68,7 @@ To make a field required, use the `required` prop. The form will not be submitte
   <sl-button type="submit" variant="primary">Submit</sl-button>
 </form>
 
-<script>
+<script type="module">
   const form = document.querySelector('.input-validation-required');
   form.addEventListener('submit', event => {
     event.preventDefault();
@@ -121,7 +121,7 @@ To restrict a value to a specific [pattern](https://developer.mozilla.org/en-US/
   <sl-button type="submit" variant="primary">Submit</sl-button>
 </form>
 
-<script>
+<script type="module">
   const form = document.querySelector('.input-validation-pattern');
   form.addEventListener('submit', event => {
     event.preventDefault();
@@ -164,7 +164,7 @@ Some input types will automatically trigger constraints, such as `email` and `ur
   <sl-button type="submit" variant="primary">Submit</sl-button>
 </form>
 
-<script>
+<script type="module">
   const form = document.querySelector('.input-validation-type');
   form.addEventListener('submit', event => {
     event.preventDefault();
@@ -207,7 +207,7 @@ To create a custom validation error, pass a non-empty string to the `setCustomVa
   <sl-button type="submit" variant="primary">Submit</sl-button>
 </form>
 
-<script>
+<script type="module">
   const form = document.querySelector('.input-validation-custom');
   const input = form.querySelector('sl-input');