发布网友
共1个回答
热心网友
<form target="_blank" name="form1" action="/PublicWeb/MainServlet" method="post" onSubmit="return formcheck(this);">
<input type="hidden" name="action" value="Pu00011_result">
<tr valign="top">
<td height="10"></td>
</tr>
<tr valign="top">
<td height="133">
<div class="title">日 行 情 表</div>
<table border="0" align="center" cellpadding="3" cellspacing="1" width="97%">
<tr>
<td class="nametd"> 查询日期:</td>
<td class="tdjian" ><input name="Pu00011_Input.trade_date" type="text" size="8" maxlength="8">
<img align="absmiddle" src="/PublicWeb/include/images/calendar/show.gif" id="Pu00011_Input.trade_date.img" onClick='swapCalendar(document.all("Pu00011_Input.trade_date"))' valign="bottom">
</td>
<td class="nametd"> 品 种:</td>
<td class="tdjian"><select name="Pu00011_Input.variety">
<option selected value="all">全部</option>
<option value="a">豆一</option>
<option value="b">豆二</option>
<option value="c">玉米</option>
<option value="j">焦炭</option>
<option value="l">聚乙烯</option>
<option value="m">豆粕</option>
<option value="p">棕榈油</option>
<option value="v">聚氯乙烯</option>
<option value="y">豆油</option>
<option value="s">大豆</option>
</select></td>
</tr>
<tr>
<td class="nametd"> <p> 行情类型:</p> </td>
<td class="tdjian" colspan="3"> <input name="Pu00011_Input.trade_type" type="radio" value="0" checked>期货行情
<!--hide option
<input name="Pu00011_Input.trade_type" type="radio" value="1">期权行情
-->
</td>
</tr>
</table>
<script language="javascript">
calendarImages = ["/PublicWeb/include/images/calendar/prev_year.gif", "/PublicWeb/include/images/calendar/prev_month.gif", "/PublicWeb/include/images/calendar/next_month.gif", "/PublicWeb/include/images/calendar/next_year.gif", "/PublicWeb/include/images/calendar/show.gif", "/PublicWeb/include/images/calendar/hide.gif"]
getCalendar(document.all("Pu00011_Input.trade_date"), '20130208');
</script>
<table border="0" align="center" cellpadding="5" cellspacing="0">
<tr>
<td><input name="Submit" type="submit" class="button" value="查 询" onClick="document.form1.action.value='Pu00011_result';document.form1.target='_blank';"> <input name="Submit2" type="submit" class="downbutton" value="下载文本格式" onClick="document.form1.action.value='Pu00012_download';document.form1.target='_self';"> <input name="Submit2" type="submit" class="button" value="打 印" onClick="document.form1.action.value='Pu00011_result';document.form1.target='_blank';"></td>
</tr>
</table>
<table border="0" align="center" cellpadding="1" cellspacing="0" width="97%">
<tr align="left">
<td width=20 valign=top>注:</td>
<td>
日行情信息 在每日“结算后”发布。历史数据始自2000-05-08。
</td>
</tr>
</table>
</form>
要看懂上面的代码需要点网络编程的知识,请参考w3shool上关于form标签、select标签、input标签以及onClick事件的介绍。
简单地说上面代码做了以下几件事:
整段代码定义了个表单,名为form1,用于向服务器传输数据,后面用input标签和select标签来定义传递的数据
用了一个input标签和onClick事件onClick='swapCalendar(document.all("Pu00011_Input.trade_date"))'来设置要查询的日期Pu00011_Input.trade_date。
用了一个select标签来选择查询的品种Pu00011_Input.variety
用了一个input标签来设置行情类型Pu00011_Input.trade_type,从代码里看,Pu00011_Input.trade_type的值始终是0,代表期货行情;从下面注释掉的部分代码可以看出当Pu00011_Input.trade_type取0时,代表的是期权行情,估计网站还没实现这个功能
然后有一排三个button属性的input标签,所以它们是按钮形式的,并且都有onClick属性,当按下按钮时,会触发javascript脚本,脚本会设置action的值,比如“下载文本格式”这个按钮,按下它会把action的值设置成Pu00012_download
form向服务器传递数据,其实可以等价于用url地址传递参数。比如日期选择了2012年12月6日,品种选择了“豆一”,点击“下载文本格式”。