<commit_before>---
title: Forms
---

<div class="container">

  <div class="grid twelve">

    <div class="column three">

      <%= partial "shared/sidebar" %>

    </div>

    <div class="column nine doc">

      <h1 class="title">Form</h1>

      <section class="example">
        <form>
          <div class="field">
            <label for="name">Your name *</label>
            <input type="text" name="name" id="name">
          </div>

          <div class="field">
            <label for="email">Your email *</label>
            <input type="email" name="email" id="email">
          </div>

          <div class="field">
            <label for="phone">Your phone *</label>
            <input type="text" name="phone" id="phone">
          </div>

          <div class="field">
            <label for="password">Password</label>
            <input type="password" id="password" placeholder="Password">
          </div>

          <div class="field">
            <label for="file">File input</label>
            <input type="file" id="file">
            <p class="hint">This is hint text here.</p>
          </div>

          <div class="field">
            <label>
              <input type="checkbox"> Check me out
            </label>
          </div>

          <div class="field">
            <label for="message">Your message *</label>
            <textarea name="message" id="message" cols="30" rows="5"></textarea>
          </div>

          <div class="field">
            <button type="submit">Send Message</button>
          </div>
        </form>

      </section>
<% code "html" do %>
<form>
  <div class="field">
    <label for="name">Your name *</label>
    <input type="text" name="name" id="name">
  </div>

  <div class="field">
    <label for="email">Your email *</label>
    <input type="email" name="email" id="email">
  </div>

  <div class="field">
    <label for="phone">Your phone *</label>
    <input type="text" name="phone" id="phone">
  </div>

  <div class="field">
    <label for="password">Password</label>
    <input type="password" id="password" placeholder="Password">
  </div>

  <div class="field">
    <label for="file">File input</label>
    <input type="file" id="file">
    <p class="hint">This is hint text here.</p>
  </div>

  <div class="field">
    <label>
      <input type="checkbox"> Check me out
    </label>
  </div>

  <div class="field">
    <label for="message">Your message *</label>
    <textarea name="message" id="message" cols="30" rows="5"></textarea>
  </div>

  <div class="field">
    <button type="submit">Send Message</button>
  </div>
</form>
<% end -%>

    </div>
<commit_msg>Update form example code<commit_after>---
title: Forms
---

<div class="container">

  <div class="grid twelve">

    <div class="column three">

      <%= partial "shared/sidebar" %>

    </div>

    <div class="column nine doc">

      <h1 class="title">Form</h1>

      <section class="example">
        <form>
          <div class="field">
            <label for="name">Your name *</label>
            <input type="text" name="name" id="name">
          </div>

          <div class="field">
            <label for="email">Your email *</label>
            <input type="email" name="email" id="email">
          </div>

          <div class="field">
            <label for="phone">Your phone *</label>
            <input type="text" name="phone" id="phone">
          </div>

          <div class="field">
            <label for="password">Password</label>
            <input type="password" id="password" placeholder="Password">
          </div>

          <div class="field">
            <label for="file">File input</label>
            <input type="file" id="file">
            <p class="hint">This is hint text here.</p>
          </div>

          <div class="field">
            <label>
              <input type="checkbox"> Check me out
            </label>
          </div>

          <div class="field">
            <label for="message">Your message *</label>
            <textarea name="message" id="message" cols="30" rows="5"></textarea>
          </div>

          <div class="field">
            <button type="submit">Send Message</button>
          </div>
        </form>

      </section>
<% code "html" do %>
<form>
  <div class="field">
    <label for="name">Your name *</label>
    <input type="text" name="name" id="name">
  </div>
  <div class="field">
    <label for="email">Your email *</label>
    <input type="email" name="email" id="email">
  </div>
  <div class="field">
    <label for="phone">Your phone *</label>
    <input type="text" name="phone" id="phone">
  </div>
  <div class="field">
    <label for="password">Password</label>
    <input type="password" id="password" placeholder="Password">
  </div>
  <div class="field">
    <label for="file">File input</label>
    <input type="file" id="file">
    <p class="hint">This is hint text here.</p>
  </div>
  <div class="field">
    <label>
      <input type="checkbox"> Check me out
    </label>
  </div>
  <div class="field">
    <label for="message">Your message *</label>
    <textarea name="message" id="message" cols="30" rows="5"></textarea>
  </div>
  <div class="field">
    <button type="submit">Send Message</button>
  </div>
</form>
<% end -%>

    </div>

{'fraction_non_alphanumeric': 0.19027882441597588, 'fraction_numerical': 0.003014318010550113, 'mean_word_length': 2.279184681902409, 'pattern_counts': {'":': 0, '<': 205, '<?xml version=': 0, '>': 205, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2199991', 'n_tokens_mistral': 1667, 'n_tokens_neox': 1603, 'n_words': 407}