Skip to main content

Browse the archive

https://github.com/mozilla/gecko-dev
11 July 2024, 19:39:14 UTC
Raw File
Tip revision: f7b41fc41c5505db507d076c16961a8da67dd318 authored by Cristian Tuns on 11 July 2024, 09:23:57 UTC
Backed out 3 changesets (bug 1844563, bug 1906826) for crashes a=backout
Tip revision: f7b41fc
forms.html 
<!-- This Source Code Form is subject to the terms of the Mozilla Public
   - License, v. 2.0. If a copy of the MPL was not distributed with this
   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Blueprint Forms Tests</title>

    <!-- Framework CSS -->
    <link
      rel="stylesheet"
      href="screen.css"
      type="text/css"
      media="screen, projection"
    />
    <link rel="stylesheet" href="print.css" type="text/css" media="print" />
    <!--[if IE
      ]><link
        rel="stylesheet"
        href="ie.css"
        type="text/css"
        media="screen, projection"
    /><![endif]-->
  </head>
  <body>
    <div class="container showgrid">
      <h1>Forms</h1>
      <hr />

      <div class="span-12">
        <form id="dummy" action="" method="post">
          <fieldset>
            <legend>Simple sample form</legend>

            <p>
              <label for="dummy0">Text input (title)</label><br />
              <input
                type="text"
                class="title"
                name="dummy0"
                id="dummy0"
                value="Field with class .title"
              />
            </p>

            <p>
              <label for="dummy1">Another field</label><br />
              <input
                type="text"
                class="text"
                id="dummy1"
                name="dummy1"
                value="Field with class .text"
              />
            </p>

            <p>
              <label for="dummy2">Textarea</label><br />
              <textarea name="dummy2" id="dummy2" rows="5" cols="20"></textarea>
            </p>

            <p>
              <input type="submit" value="Submit" />
              <input type="reset" value="Reset" />
            </p>
          </fieldset>
        </form>
      </div>
      <div class="span-12 last">
        <div class="error">
          This is a &lt;div&gt; with the class <strong>.error</strong>.
          <a href="#">Link</a>.
        </div>
        <div class="notice">
          This is a &lt;div&gt; with the class <strong>.notice</strong>.
          <a href="#">Link</a>.
        </div>
        <div class="success">
          This is a &lt;div&gt; with the class <strong>.success</strong>.
          <a href="#">Link</a>.
        </div>

        <fieldset>
          <legend>Select, checkboxes, lists</legend>

          <p>
            <label for="dummy3">Select field</label><br />
            <select id="dummy3" name="dummy3">
              <option value="1">Ottawa</option>
              <option value="2">Calgary</option>
              <option value="3">Moosejaw</option>
            </select>
          </p>

          <p>
            <label for="dummy4">Select with groups</label><br />
            <select id="dummy4" name="dummy4">
              <option>Favorite pet</option>
              <optgroup label="mammals">
                <option>dog</option>
                <option>cat</option>
                <option>rabbit</option>
                <option>horse</option>
              </optgroup>
              <optgroup label="reptiles">
                <option>iguana</option>
                <option>snake</option>
              </optgroup>
            </select>
          </p>

          <p>
            <label>Radio buttons</label><br />
            <input type="radio" name="example" /> Radio one<br />
            <input type="radio" name="example" /> Radio two<br />
            <input type="radio" name="example" /> Radio three<br />
          </p>

          <p>
            <label>Checkboxes</label><br />
            <input type="checkbox" /> Check one<br />
            <input type="checkbox" /> Check two<br />
            <input type="checkbox" /> Check three<br />
          </p>
        </fieldset>
      </div>
      <hr />

      <p>
        <a href="http://validator.w3.org/check?uri=referer">
          <img
            src="valid.png"
            alt="Valid HTML 4.01 Strict"
            height="31"
            width="88"
            class="top"
        /></a>
      </p>
    </div>
  </body>
</html>
back to top