设定分割视窗的卷轴.ppt

建立可輸入文字的欄位－input type=text 這是最常見的輸入欄位之一, 其設定為 type=“text”, 這樣就會出現一個可供輸入的方框。 如果想要調整方框的長度, 則可再加上 size 屬性。若要限制使用者輸入的資料長度, 則可用 maxlength 加以設限。請輸入你的電子郵件：input type=“text” name=“email” size=“40” maxlength=“30” 建立可輸入密碼的欄位－input type=password 將 type 設為 passward, 則可得到一個與 text 相似的輸入欄位, 不過在這個密碼欄中輸入的文字在螢幕上都會以 『*』 或 『●』 符號取代。密碼：input type=“password” name=“psword” maxlength=“12” 建立送出資料的按鈕－input type=submit 所有的表單中都會有一個送出資料的按鈕, 當使用者按下此鈕時, 瀏覽器就會將使用者在表單中所輸入的資料送出。 使用 type=“submit” 即可做出用來送出資料的按鈕, 由於不須從這個按鈕本身得到資料, 所以不用設定其 name 屬性。 此時在 value 屬性所設的文字, 會變成出現在按鈕上的文字。input type=“submit” value=“送出資料” 建立清除輸入資料的按鈕－input type=reset 有一個送出資料的按鈕, 相對的還有一個清除表單中已輸入資料的重設鈕 (Reset), 其目的是讓使用者在發現有輸入錯誤時, 只要按下此鈕,就能將目前表單中所有的資料都清除掉, 以便重新輸入。input type=“reset” value=“資料重填” 9-1-6 應用實例 表單資料在傳送時, 其資料的排列方式, 就是依各欄位在表單中出現的先後次序, 依序以 分格排列。至於每一欄資料則套上了我們在 input標籤中用 name 屬性所設的內容而成為：『欄位的名稱=使用者輸入的值』的格式。 只能選擇一項的單選鈕－input type=radio 要做出一組供使用者只能選擇其一的選擇項目時,可以使用 type = radio,此時就會出現一個圓圈, 只要用滑鼠在這個圓圈上按一下就會出現一個黑點, 表示已選擇了此項。 至於要讓多個單選鈕成為同一組的選項, 只要將這幾個單選鈕的 name 屬性設定成相同的名稱即可。input name=“sex” type=“radio” value=“male”男 input name=“sex” type=“radio” value=“female”女 可重複選擇的多選鈕－input type=checkbox 若要提供可讓使用者複選的選項, 則可使用 type=checkbox 設定, 一般也是將同一組的選項設為相同的名稱。input name=“course” type=“checkbox” value=“math”數學br input name=“course” type=“checkbox” value=“Eng”英文br input name=“course” type=“checkbox” value=“phy”物理br 勾選其中的2項, 其傳回的資料就會是 “course=math course=phy。 送出圖片的座標值－ input type=image 使用影像做為輸入欄位時是以圖片做為使用者輸入的界面, 不過使用影像的輸入欄位時, 使用者所輸入的資料將是滑鼠在圖形上的座標值。input name=“coods” type=“image” src=“image/pic.jpg” align=“middle”br在圖上點選一下，就會送出圖形座標! 下拉式的列表欄－select 與 optioin name 屬性要加在 select 標籤中, value 屬性則是要加在 option 標籤中,不過 value 屬性是可有可無的, 因為當使用者選擇了未設定 value 屬性的項目時, 送出的值就會是該項目的文字內容。select name=“course” option value=“1” selected數學 option value=“2”英文 option value=“3”物理/select 調整列表欄方框的大小－select size 列表欄預設的大小只有一列, 要檢視列表中的其它選項都必須按下右邊的向下箭頭才會列出。 使用 size 屬性則可自由設定方框的大小, 例如改成 3 列, 這樣就只會列出 3 個選項供使用者選擇, 而使用者也可用列表欄右邊的捲軸來捲動列表的內容。select name=“co