<commit_before>### Forms

Usage:

<div class="example">
  <form class="form-inline">
    <input type="email" placeholder="E-mail">
    <input type="password" placeholder="Password">

    <button type="submit">Submit</button>
  </form>
</div>

```html
<form class="form-inline">
  <input type="email" placeholder="E-mail">
  <input type="password" placeholder="Password">

  <button type="submit">Submit</button>
</form>
```

<div class="example">
  <form class="form-stacked">
    <label for="email">E-mail</label>
    <input type="text" id="email">

    <label for="password">Password</label>
    <input type="password" id="password">

    <label for="search">Search</label>
    <input type="search" id="search">

    <label for="disabled">Disabled</label>
    <input type="text" id="disabled" disabled>

    <label>
      <input type="checkbox"> Remember me
    </label>

    <label for="gender">Gender</label>
    <select id="gender">
      <option selected></option>
      <option value="female">Female</option>
      <option value="male">Male</option>
    </select>

    <label for="comment">Comment</label>
    <textarea id="comment"></textarea>

    <button type="submit">Submit</button>
  </form>
</div>

```html
<form class="form-stacked">
  <label for="email">E-mail</label>
  <input type="text" id="email">

  <label for="password">Password</label>
  <input type="password" id="password">

  <label>
    <input type="checkbox">Remember me</input>
  </label>

  <label for="gender">Gender</label>
  <select id="gender">
    <option selected></option>
    <option value="female">Female</option>
    <option value="male">Male</option>
  </select>

  <label for="comment">Comment</label>
  <textarea id="comment"></textarea>

  <button type="submit">Submit</button>
</form>
```

<div class="example">
  <form class="form-horizontal">
  <div class="form-item">
  <label for="email" class="1/4">E-mail</label>
  <input type="text" id="email">
  </div>

  <div class="form-item">
  <label for="password" class="1/4">Password</label>
  <input type="email" id="email">
  </div>

  <div class="grid grid-right">
  <div class="grid-item 3/4">
  <div class="form-item">
  <label>
  <input type="checkbox">Remember me</input>
  </label>
  </div>

  <button type="submit">Submit</button>
  </div>
  </div>
  </form>
</div>

```html
<form class="form-horizontal">
  <div class="form-item">
    <label for="email" class="1/4">E-mail</label>
    <input type="text" id="email">
  </div>

  <div class="form-item">
    <label for="password" class="1/4">Password</label>
    <input type="password" id="password">
  </div>

  <div class="grid grid-right">
    <div class="grid-item 3/4">
      <div class="form-item">
        <label>
          <input type="checkbox">Remember me</input>
        </label>
      </div>

      <button type="submit">Submit</button>
    </div>
  </div>
</form>
```<commit_msg>Improve code of form examples<commit_after>### Forms

Usage:

<div class="example">
  <form class="form-inline">
    <input type="email" placeholder="E-mail">
    <input type="password" placeholder="Password">

    <button type="submit">Submit</button>
  </form>
</div>

```html
<form class="form-inline">
  <input type="email" placeholder="E-mail">
  <input type="password" placeholder="Password">

  <button type="submit">Submit</button>
</form>
```

<div class="example">
  <form class="form-stacked">
    <label for="name">Name</label>
    <input id="name">

    <label for="email">E-mail</label>
    <input type="email" id="email">

    <label for="password">Password</label>
    <input type="password" id="password">

    <label for="search">Search</label>
    <input type="search" id="search">

    <label for="disabled">Disabled</label>
    <input type="text" id="disabled" disabled>

    <label>
      <input type="checkbox">Remember me</input>
    </label>

    <label for="gender">Gender</label>
    <select id="gender">
      <option selected></option>
      <option value="female">Female</option>
      <option value="male">Male</option>
    </select>

    <label for="comment">Comment</label>
    <textarea id="comment"></textarea>

    <button type="submit">Submit</button>
  </form>
</div>

```html
<form class="form-stacked">
  <label for="name">Name</label>
  <input id="name">

  <label for="email">E-mail</label>
  <input type="email" id="email">

  <label for="password">Password</label>
  <input type="password" id="password">

  <label>
    <input type="checkbox">Remember me</input>
  </label>

  <label for="gender">Gender</label>
  <select id="gender">
    <option selected></option>
    <option value="female">Female</option>
    <option value="male">Male</option>
  </select>

  <label for="comment">Comment</label>
  <textarea id="comment"></textarea>

  <button type="submit">Submit</button>
</form>
```

<div class="example">
  <form class="form-horizontal">
  <div class="form-item">
  <label for="email" class="1/4">E-mail</label>
  <input type="email" id="email">
  </div>

  <div class="form-item">
  <label for="password" class="1/4">Password</label>
  <input type="email" id="email">
  </div>

  <div class="grid grid-right">
  <div class="grid-item 3/4">
  <div class="form-item">
  <label>
  <input type="checkbox">Remember me</input>
  </label>
  </div>

  <button type="submit">Submit</button>
  </div>
  </div>
  </form>
</div>

```html
<form class="form-horizontal">
  <div class="form-item">
    <label for="email" class="1/4">E-mail</label>
    <input type="email" id="email">
  </div>

  <div class="form-item">
    <label for="password" class="1/4">Password</label>
    <input type="password" id="password">
  </div>

  <div class="grid grid-right">
    <div class="grid-item 3/4">
      <div class="form-item">
        <label>
          <input type="checkbox">Remember me</input>
        </label>
      </div>

      <button type="submit">Submit</button>
    </div>
  </div>
</form>
```
{'fraction_non_alphanumeric': 0.21133412042502953, 'fraction_numerical': 0.004047900151796255, 'mean_word_length': 3.954051796157059, 'pattern_counts': {'":': 0, '<': 264, '<?xml version=': 0, '>': 264, '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': '7168369', 'n_tokens_mistral': 2063, 'n_tokens_neox': 1962, 'n_words': 405}