corrade-nucleus-nucleons – Rev 1

Subversion Repositories:
Rev:
<body>
<form action="signup.php" id="signupForm" method="post">

  <fieldset id="firstLevelElements">
    <legend>First level elements</legend>

    <div class="element">
      <label>Name:</label> <input type="text" name="name" id="name" value="Serban">
    </div>

    <div class="element">
      <label>Address:</label> <textarea name="address">Place du Casino, 98000 Monaco</textarea>
    </div>

  </fieldset>

  <fieldset id="secondLevelElements">
    <legend>Second level elements</legend>

    <div class="element">
      <label>Eyes color:</label>
      <select name="settings[eyesColor]">
        <option value="brown" selected>brown</option>
        <option value="black">black</option>
        <option value="blue">blue</option>
        <option value="green">green</option>
      </select>
    </div>

    <div class="element">
      <label>Hair color:</label>
      <select name="settings[hairColor]">
        <option value="black">black</option>
        <option value="red">red</option>
        <option value="blond" selected>blond</option>
      </select>
    </div>

    <div class="element">
      <label>Gender:</label>
      <label>Female:</label> <input type="radio" name="settings[gender]" value="female">
      <label>Male:</label> <input type="radio" name="settings[gender]" value="male" checked>
    </div>

    <div class="element">
      <label>Age</label> <input type="number" name="settings[age]" value="100">
    </div>

  </fieldset>

  <fieldset id="thirdLevelElements">
      <legend>Third level elements</legend>

      <div class="element">
        <label>Input devices</label>
        <label>Mouse:</label> <input type="checkbox" name="preferences[input][devices]" value="mouse" checked>
        <label>Keyboard:</label> <input type="checkbox" name="preferences[input][devices]" value="keyboard" checked>
        <label>Touch:</label> <input type="checkbox" name="preferences[input][devices]" value="touch">
      </div>

      <div class="element">
        <label>Game difficulty</label>
        <select name="preferences[game][difficulty]">
          <option value="easy">Easy</option>
          <option value="medium">Medium</option>
          <option value="hard" selected>Hard</option>
        </select>
      </div>

      <div class="element">
        <label>Upgrades</label>
        <select name="preferences[game][upgrades]" multiple>
          <option value="free_amo" selected>Free amo</option>
          <option value="infinite_life" selected>Infinite life</option>
          <option value="dump_npcs">Dump NPCs</option>
        </select>
      </div>

  </fieldset>

</form>
</body>

<!--
<script src="../../src/formToObject.js"></script>
<script>
var result = formToObject('signupForm');
console.log(result);
</script>
-->
Generated by GNU Enscript 1.6.5.90.