Lesson 6 - Form II + Frame I

HTML Tags:

<SELECT					// 下拉式選擇菜單(Pop-up Menu)
	NAME="mySelect">			// 菜單的名稱
  <OPTION					// 菜單中的選項1
	VALUE="C Programming">		// 選項1中的值(給電腦使用)
  <OPTION					// 菜單中的選項1
	VALUE="Program Design">		// 選項1中的值(給電腦使用)
<INPUT					// 輸入指令
	TYPE="BUTTON"			// 設定為一般按鈕
	VALUE="I am Button">		// 按鈕上顯示的文字
<INPUT					// 輸入指令
	TYPE="SUBMIT"			// 設定為發送按鈕，自動執行FORM ACTION中的動作
	VALUE="Submit">			// 按鈕上顯示的文字
<INPUT 					// 輸入指令
	TYPE="RESET"			// 設定為重設按鈕，自動清除表單中已輸入文字，並重新設定所有事件
	VALUE="Reset">			// 按鈕上顯示的文字
<FORM					// 表單指令
	ACTION="http://hk.yahoo.com"	// 完成表單後執行的動作，須配合Submit按鈕使用
	METHOD="POST">			// 表單傳送時所使用的方法

Code Sample:

<HTML>
<BODY>
<FORM ACTION="http://hk.yahoo.com" METHOD="POST">

<!- Normal Button -->
<INPUT TYPE="BUTTON" VALUE="ButtonA" onClick="alert('I am Button')"> 
</INPUT>

<!- http://www.oocities.org/hk/tcwong98 -->
<INPUT TYPE="SUBMIT" VALUE="Sent to Server"> 
</INPUT>

<INPUT TYPE="RESET"> 
</INPUT>

<!- Pop-up Menu -->
<SELECT NAME="MySelect">
  <OPTION VALUE="C Programming">C Programming
  <OPTION VALUE="Program Design">Program Design
</SELECT>
</FORM>
</BODY>
</HTML>

HTML Tags:

<FRAMESET					// 設定框架
	COLS="50%, 50%"			// 設定欄位，並以百份比形式設定畫面
	ROWS="300, *">			// 設定列位，並以實際像點設定畫面，*為電腦計算的餘額
<FRAME					// 框架頁
	NAME="Frame"			// 框架頁的名稱
	SRC="./left.html">			// 框架頁的內容，須為網頁
<NOFRAMES>				// 在沒有支援框架功能的網頁工具中，顯示網頁

Code Samples:

<!- Filename: left.html -->
<HTML>
<BODY>
<P>Left Hand Side</P>
</BODY>
</HTML>
<!- Filename: right.html -->
<HTML>
<BODY>
<H1>Right Hand Side</H1>
<P>Test Frame function</P>
</BODY>
</HTML>
<!- Filename: main.html -->
<!- 注意沒有<BODY> Tags -->
<HTML>
<FRAMESET COLS="30%, 70%">
<FRAME NAME="left" SRC="./left.html">
<FRAME NAME="right" SRC="./right.html">
</FRAMESET>

<NOFRAMES>
<P>The browser is not support the FRAME function</P>
</NOFRAMES>
</HTML>
Last updated: 6 October, 2005

All right reserved