Skip to content

Commit

Permalink
included more in example
Browse files Browse the repository at this point in the history
  • Loading branch information
Yohn committed Aug 10, 2024
1 parent 8faa394 commit 94eb5ae
Showing 1 changed file with 5 additions and 2 deletions.
7 changes: 5 additions & 2 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,7 @@
<i class="bi bi-github"></i> <span class="d-none d-lg-inline-block">Github</span></a></li>
<li class="nav-item"><a href="#example" class="nav-link">Example</a></li>
<li class="nav-item"><a href="#simple-example" class="nav-link">Simple Example</a></li>
<li class="nav-item"><a href="#full-code" class="nav-link">Full Code</a></li>
<li class="nav-item"><a href="#guide" class="nav-link">Guide</a></li>
<li class="nav-item"><a href="#faq" class="nav-link">FAQs</a></li>
<li class="nav-item"><a href="#about" class="nav-link">About</a></li>
Expand Down Expand Up @@ -139,14 +140,16 @@ <h3>Simple Example</h3>
</div>
<h3>Code</h3>
<div class="mb-3 p-3 bg-dark-subtle border border-primary-subtle rounded">
<code>&lt;div class="</code>mb-3<code>"&gt;<br>
<code>&lt;form class="<span class="text-warning fw-bold">jw3b-form</span>"&gt;<br>
&lt;div class="</code>mb-3<code>"&gt;<br>
&nbsp;&nbsp;&lt;label for="</code>example<code>" class="</code>form-label<code>"&gt;</code><span class="text-white-50">Username</span><code>&lt;/label&gt;<br>
&nbsp;&nbsp;&lt;input type="</code>text<code>" class="</code>form-control <span class="text-warning fw-bold">mf-valid</span><code>" id="</code><span class="text-info">example</span><code>" <br>
&nbsp;&nbsp;&nbsp;&nbsp;placeholder="</code>Type A Name<code>" required</code><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<code class="text-success-emphasis">minlength="</code><span class="text-warning">4</span><code class="text-success-emphasis">" maxlength="</code><span class="text-warning">30</span><code class="text-success-emphasis">" pattern="</code><span class="text-warning">[a-z]{4,30}</span><code class="text-success-emphasis">"<br>
&nbsp;&nbsp;&nbsp;&nbsp;data-error-msg="</code><span class="text-warning-emphasis">Username must be lowercase between 4-30 characters long.</span><code class="text-success-emphasis">"&gt;</code><br>
&nbsp;&nbsp;<code>&lt;div class="</code>form-text mb-3<code>" id="</code><span class="text-info">example</span>-valid<code>"&gt;&lt;/div&gt;<br>
&lt;/div&gt;
&lt;/div&gt;<br>
&lt;form&gt;
</code>
</div>
<div class="mb-3 p-3 bg-dark-subtle border border-secondary-subtle rounded">
Expand Down

0 comments on commit 94eb5ae

Please sign in to comment.