чтение innerHTML HTML-формы с атрибутом VALUE (и его значением) тегов INPUT

у меня естьhtml form с некоторыми полями ввода.

Вместо чтения и отправки значенийinput поля поdocument.ipForm.userName.value Мне нужно отправить весь HTML-контент в HTML-парсер и извлечь<name ,value> пара каждого поля ввода другой программой (и другой информацией тоже).

Но когда я сделал это в JavaScript (я хочу чистый JavaScript, а не другую библиотеку)

var contents=document.getElementById("formArea").innerHTML;
alert(contents);

Этоне показывает value="enteredValue" из<input/> поля, даже если я ввел некоторые значения.

Мой HTML-файл:

<html>
<head>
    <script type="text/javascript">
    function showInnerHtml(){
        var contents=document.getElementById("formArea").innerHTML;
        alert(contents);
    }
    </script>
</head>
<body>
    <div id="formArea">
        <form name="ipForm" >
          UserName : <input type="text" name="userName"> 
        </form>
    </div>
    <div> other contents.....   </div>
    <div onclick="showInnerHtml()">Show InnerHTML</div>
</body>
</html>

Я что-то здесь упускаю или это невозможно.

Не называй меня сумасшедшим. но я борюсь с этим странным состоянием.

Ответы на вопрос(2)

Ваш ответ на вопрос