<!DOCTYPE HTML>
<html>
    <head>
        <title id="desc">HTML5 Selection: Set selectionStart and selectionEnd on a text field</title>
        <script type="text/javascript">  
            var testPassed = true;
            
            function checkDefaultSelectionAttributes()
            {
                var selection = window.getSelection();
                if (null != selection.anchorNode)
                {
                    testPassed = false;
                }
                if (0 != selection.anchorOffset)
                {
                    testPassed = false;
                }
                if (null != selection.focusNode)
                {
                    testPassed = false;
                }
                if (0 != selection.focusOffset)
                {
                    testPassed = false;
                }
                if (!selection.isCollapsed)
                {
                    testPassed = false;
                }
                if (0 != selection.rangeCount)
                {
                    testPassed = false;
                }  
            }
            
            function RunTest()
            {
                try
                {
                    var input1 = document.getElementById("input1");
                    var expectedResult = "text";
                    
                    input1.selectionStart = 5;
                    input1.selectionEnd = 9;
                    
                    checkDefaultSelectionAttributes();
                    
                    var selectionText = input1.value.substring(input1.selectionStart, input1.selectionEnd);
                    if (expectedResult != selectionText)
                    {
                        testPassed = false;
                    }
                    
                    if (testPassed)
                    {
                        document.getElementById("testresult").firstChild.data = "PASS";
                    }
                }
                catch (ex)
                {
                    document.getElementById("testresult").firstChild.data = "FAIL";
                }
            }
        </script>
    </head>
    <body onload="RunTest();">
        <input style="WIDTH: 500px" id="input1" value="Some text in an input control" type="text" /> 
        <p>Select some text in the input element by setting selectionStart and selectionEnd</p>
        <p>Test passes if the word "PASS" appears below.</p>
        <div>Test result: </div>
        <div id="testresult">FAIL</div>
    </body>
</html>