Change string to italics, small, strike with form control : Introduction « Form « JavaScript Tutorial






  1. JavaScript Tutorial
  2. Form
  3. Introduction
<html>
<head>
  <script type="text/javascript">
    function showWindow() {
      var txt = document.form1.stringField.value;

      if (document.form1.italicsBox.checked) txt = txt.italics();
      if (document.form1.smallBox.checked) txt = txt.small();
      if (document.form1.strikeBox.checked) txt = txt.strike();

      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="boldBox" value="ON" />Bold
      <input type="checkbox" name="fixedBox" value="ON" />Fixed
      <input type="checkbox" name="italicsBox" value="ON" />Italics
      <input type="checkbox" name="smallBox" value="ON" />Small
      <input type="checkbox" name="strikeBox" value="ON" />Strike
    <input type="button" name="Show" value="Show" onclick="showWindow()" />
  </form>
</body>
</html>








10.1.Introduction
10.1.1.Form Basics
10.1.2.A form can contain any number of input elements:
10.1.3.Getting form References
10.1.4.Accessing form Fields
10.1.5.Form Field Commonalities
10.1.6.Change string to big, bold, fixed with form control
10.1.7.Change string to italics, small, strike with form control
10.1.8.Change string to subscript and superscript with form control