Javascript Form How to - Get text from input text field

Question

We would like to know how to get text from input text field.

Answer


  <!--from   ww  w  .ja  v  a 2s  . co m-->
<html>
<head>
  <script type="text/javascript">
    function showWindow() {
      var txt = document.form1.stringField.value;

      if (document.form1.subBox.checked) txt = txt.sub();
      if (document.form1.supBox.checked) txt = txt.sup();

      objWindow = window.open("", "","width=600,height=300");
      objWindow.document.write(txt);
      objWindow.document.close();
  }
  </script>
</head>
<body>
  <form method="post" name="form1" action="null">
      String:<input type="text" size="40" maxlength="256" name="stringField" />
      Style:
      <input type="checkbox" name="subBox" value="ON" />Sub
      <input type="checkbox" name="supBox" value="ON" />Sup
    <input type="button" name="Show" value="Show" onclick="showWindow()" />
  </form>
</body>
</html>

The code above is rendered as follows: