<html>
<head>
    <title>Static Elements Page</title>
</head>
  <body>
    <p id='p_id' name='p_name' class='p_class'>Static Elements Page</p>

    <input id="text_field_id" name="text_field_name" class="text_field_class"
           size="40" type="text"/>

    <input id="hidden_field_id" name="hidden_field_name" class="hidden_field_class"
           size="40" type="hidden" value="12345"/>

    <textarea rows="2" cols="20" id="text_area_id" class="text_area_class" name="text_area_name"></textarea>

    <select name="sel_list_name" id="sel_list_id", class="sel_list_class">
    <option value="option1">Test 1</option>
    <option value="option2">Test 2</option>
    </select>


    <a href="success.html" id="link_id" name="link_name" class="link_class">Google Search</a>

    <input id="cb_id" name="cb_name" class="cb_class" type="checkbox" value="1"/>

    <input type="radio" id="milk_id" name="milk_name" class="milk_class" value="Milk"> Milk <br/>
    <input type="radio" id="butter_id" name="butter_name" class="butter_class" value="Butter">Butter

    <div id="div_id" name="div_name" class="div_class">
        page-object rocks!
    </div>

    <span id="span_id" name="span_name" class="span_class">
      My alert
    </span>

    <table id='table_id' name='table_name' class='table_class' border='1'>
        <tr>
            <td>Data1</td>
            <td>Data2</td>
        </tr>
        <tr>
            <td>Data3</td>
            <td id='cell_id' name='cell_name' class='cell_class'>Data4</td>
        </tr>
    </table>

    <form method="get" action="success.html">
        <input id='button_id' name='button_name' class='button_class' type="submit" value="Click Me">
    </form>

    <img src="images/circle.png" id="image_id" name="image_name" class="image_class">

    <form id="form_id" class="form_class" name="form_name" action="/">
    </form>

    <ul id="ul_id" name="ul_name" class="ul_class">
        <li id="li_id" name="li_name" class="li_class">Item One</li>
        <li>Item Two</li>
        <li>Item Three</li>
    </ul>

    <ol id="ol_id" name="ol_name" class="ol_class">
        <li>Number One</li>
        <li>Number Two</li>
        <li>Number Three</li>
    </ol>

    <a href="success.html">Hello</a>
    <a href="success.html">Hello</a>
    <a href="success.html">Hello</a>

    <input id=alert_button type=button onclick="alert('I am an alert')" value=Alert>
    <input id=confirm_button type=button onclick="this.value = confirm('set the value')" value=Confirm>
    <input id=prompt_button type=button onclick='this.value = prompt("enter your name", "John Doe")' value=Prompt>

    <h1 id="h1_id" class="h1_class" name="h1_name">h1's are cool</h1>
    <h2 id="h2_id" class="h2_class" name="h2_name">h2's are cool</h2>
    <h3 id="h3_id" class="h3_class" name="h3_name">h3's are cool</h3>
    <h4 id="h4_id" class="h4_class" name="h4_name">h4's are cool</h4>
    <h5 id="h5_id" class="h5_class" name="h5_name">h5's are cool</h5>
    <h6 id="h6_id" class="h6_class" name="h6_name">h6's are cool</h6>

    <a href="success.html" target="_blank">New Window</a>
  </body>
</html>