<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日，品種選擇了“豆壹”，點擊“下載文本格式”。