Source

punkybrowster.work / tests / pages / test_extract_values.html

Full commit
<html>

<head>
    <title>test_extract_values</title>
    
    <style>
    p { padding: 8px; margin-bottom: 30px; }
    </style>

    <script>
    window.onload = function() {
        // Dynamically add some text:
        var p = document.getElementById('boring-content');
        var tn = document.createTextNode("The fox's head is blown off.");
        p.appendChild(tn);
    }
    </script>

</head>

<body>

<h2>Form values to be extracted</h2>

<form>
    <input type="text" value="antelope" />
    <textarea>banana</textarea>
    
    <input type="checkbox" checked="yes" />
    <input type="radio" />
    
    <select>
        <option value="34">Capoeira</option>
        <option value="36">Damascus</option>
        <option value="38" selected="true">Elektra</option>
        <option value="45">Frankenstein</option>
    </select>    
</form>


<h2>Text to be extraced</h2>

<p id="boring-content">
    
The <strong>quick</strong> brown fox <font size="5">jumps over</font> <br /> the
<span style="color:green">lazy <span style="font-weight: bold; color: blue">dog</span></span>.

<!-- Dynamically add some text -->
<script type="text/javascript">
document.write('<font size="-1">The lazy dog shoots the fox.</font>');
</script>
</p>

</body>
</html>