《JavaSprict程序设计》实验报告六
一、实验目的
1． 掌握浏览器对象的层次关系，掌握表单和表单元素的概念。
2.  正确理解表单对象的属性和方法，及如何应用表单元素。
二、实验内容
在教材P156 例8-1的基础上作以下改动，其中在新窗口输出结果可参考例7-1。
1．title及显示标题改为“实验六： 表单”
2．“男性”和“女性”的选择为具有相同name属性的radio对象的单选按钮，而“男性”应被事先选中（使用checked）。
3．单击页面上的“确定”按钮将弹出新的页面，输出原来页面所输入的个人信息。
运行效果请参考以下截图：
三、HTML文件代码：（做好的html文件调试运行后，将所有程序代码复制在下面，无需贴运行结果）
<html>
<head>
    <title> 实验六：表单</title>
    <script language="JavaScript">
      function openWindow()
      {
      var w=window.open("","");
      var d=w.document;
      d.write('<h3>基本信息：</h3>');
      d.write('<form name="baseInfo1">');
      d.write('<font size="2">姓名：</font>');
      d.write('<input ype="text"  name=30 value=
"'+document.baseInfo.userName.value+'"size=25>');
      d.write('<br><br>');
      d.write('<font size="2">性别：</font>');
      d.write('<input type="text"  name=30 value=
"'+document.baseInfo.elements[1].checked?"男":"女"+'"size=25>');
      d.write('<br><br>');
      d.write('<font size="2">年龄：</font>');
      d.write('<input type="text"  name=30 value=
"'+document.baseInfo.age.value+'"size=25>');
      d.write('<br><br>');
      d.write('<font size="2">单位：</font>');
      d.write('<input type="text"  name=30 value=
"'+document.baseInfo.work.value+'"size=25>');
      d.write('<br><br>');
      d.write('<font size="2">电话：</font>');
      d.write('<input type="text"name=30 value=
"'+act.value+'"size=25>');
      d.write('<br><br>');
      d.write('</form>');
      d.write('<h3>其他信息：</h3>');
      d.write('<form name="otherInfo1">');
      d.write('<font size="3">向往的职业：</font><br>');
      var herInfo.profession.value;
      d.write('<input type="text"  name=30 value="'+g+'"size=32>');
      d.write('<br><br>');
      d.write('<font size="3">喜欢的运动：</font><br>');
      var h="";
      for(i=0;i&herInfo.sport.length;i++)                                                                                                   
        herInfo.sport[i].checked==true)
      {
        h+=herInfo.sport[i].value+',';
      }
        alert(h);
      d.write('<input type="text"  name=30 value="'+h+'"size=32>');
      d.write('</form></body></html>');
      d.close();
      }
    </script>
  </head>
  <body>
  <form name="baseInfo">
<h3>实验六：表单</h3>
  <h5> 请输入您的基本信息（必须填写）</h5>
  <font size="2">您的姓名：</font>
  <input type="text"name="userName"size=35><br>
  <font size="2">您的性别：</font>
  <input type="radio"name="sex"value="male"checked>男性 
  <input type="radio"name="sex"value="female">女性<br>
  <font size="2">您的年龄：</font>
  <input type="text"name="age"size=35><br>
  <font size="2">所在单位：</font>
  <input type="text"name="work"size=35><br>
  <font size="2">电话号码：</font>
  <input type="text"name="contact"size=35><br>
  </form>
  <form name="otherInfo">
  <h5> 请输入您的其他信息（选择填写）</h5>
  <font size="2">您向往的职业：</font>
  <select name="profession">
  <option value="教师" selected>教师</option>
  <option value="军官">军官</option>
  <option value="技术人员">技术人员</option>
  <option value="运动员">运动员</option>java修改html文件
  </select><br>
  <font size="2">您喜欢的运动：</font><br>   
  <input type="checkbox"name="sport"value="足球">足球   
  <input type="checkbox"name="sport"value="篮球">篮球   
  <input type="checkbox"name="sport"value="排球">排球   
  <br>   
  <input type="checkbox"name="sport"value="羽毛球">羽毛球 
  <input type="checkbox"name="sport"value="乒乓球">乒乓球 
  <br><br>
  <font size="2">请给我们留言：</font>
  <textarea name="conent" rows=5 cols=30></textarea><br><br>
  <font size="2">单击该按钮显示提交的个人信息：</font>
  <input type="button"name="open" value="确定" onClick="openWindow()">
  </form>
  </body>
</html>
注：本次作业交此word文档。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。