Lesson02_03 表單標籤_基礎教學課程

用來建立一個表單,即定義表單的開始和結束位置 # # # ##

屬性名稱	作用
action	設定處理表單的伺服器端URL位址.預設為表單頁
method	用來設定將表單中的資訊提交給服務端的處理程序時所使用的方式   取值為:get或post 預設值為:get 傳大於1K的時候要用post
target	用來指定伺服器傳回結果顯示的目標視窗或目標訊框
title	用來設定當網站訪客的滑鼠在表彰會上的任一位置停留過幾秒時顯示的文字
enctype	指示瀏覽器使用哪種編碼方法將表單資料傳送給www伺服器,其取值為: application/x-www-form-urlencoded和multipart/form-date,預設為前者

提交按鈕:

用於提交表單的內容

當設有name值時其name及value也要提交給伺服器
程式碼如下:效果如下:# 重設按鈕:

用於將表單的內容置為預設值

程式碼如下:效果如下: 單行文字輸入區域:

其有一個size屬性來指定輸入區域的大小,以字元為單位

程式碼如下:效果如下: # size屬性:效果如下: # maxlength屬性下:效果如下: # value屬性:效果如下: # readonly屬性:效果如下: # disable屬性:效果如下:

複選框按鈕:

#
只可以輸入9個字元
#
<br> <form> <input type="text" readonly value="Loncer"> </form>手動改動不了,可以用腳本去改
<br> <form> <input type="text" disabled value="Loncer"> </form>當不存在這個元素,不傳給伺服器

# #

<br><form> <input type="checkedbox" name="check"> </form>	效果如下: 對不
checked屬性<br><form> <input type="checkedbox" checked name="check"> </form>	效果如下: 對不

#

單選框按鈕:

只可以一個被選中 #

<br><form> <input type="radio" name="radio1" value="1" checked>男<br><input type="radio" name="radio1" value2>女 </form>

效果如下: 男 女

隱藏欄位:

不顯示,用於提交隱藏的訊息

密碼輸入區:

使輸入的內容為*號,即不可見的 #

程式碼如下: <from> </from>

效果如下:

按鈕:

與腳本相連

程式碼如下:

效果如下:

#