表單
這一章我們將重點介紹輸入域標記 。
輸入域標記
#輸入域標記 是表單中最常用的標記之一。常用的輸入域標記 有文字方塊、按鈕、單選按鈕、複選框等等。
其語法格式如下:
<form> <input name="file_name" type="type_name"> </form>
參數 name是指輸入域的名稱;參數 type 是指輸入域的類型。在
type屬性取值及範例及說明:
1. text
實例:
<input name="user" type="text" value="饮料" size="12" maxlength="1000" >
說明: name 為文字方塊的名稱, value 是文字方塊的預設值,size 指文字方塊的寬度(以字元為單位), maxlength 是指文字方塊的最大輸入字元數。
2. password
# 實例:
<input name="pwd" type="password" value="123456" size="8" maxlength="16" >
說明:密碼域,使用者在該文字方塊中輸入字元將被替換顯示為“ * ” ,以起到保密的作用。
3. file
# 實例:
<input name="file" type="file" enctype="multipart/form-date" size="12" maxlength="200" >
說明:檔案域,當檔案上傳時,可以用來開啟一個模式視窗以選擇檔案。然後將文件透過表單上傳到伺服器,如上傳 word 檔案等。必須注意的是,上傳檔案時需要指明表單的屬性 enctype="multipart/form-date"才可以實現上傳功能。
4. radio
# 實例:
<input name="sex" type="radio" value="男" checked>男 <input name="sex" type="radio" value="女" >女
說明:單選按鈕,用於設定一組選擇項,使用者只能選擇一項,checked 屬性用來設定該單選按鈕預設被選取。
5. checkbox
# 實例:
<input name="goods" type="checkbox" value="book" checked="checked" >图书 <input name="goods" type="checkbox" value="fruits" >水果 <input name="goods" type="checkbox" value="food" >食品
說明:複選框,允許使用者選擇多個選擇項。 checked 屬性用來設定該單一複選框預設被選取。例如,收集個人資訊時,要求在個人嗜好的選項中進行多項選擇等。
6. submit
# 實例:
<input name="submit" type="submit" value="提交" >
說明:將表單內的內容提交到伺服器。
7. reset
# 實例:
<input name="reset" type="reset" value="重置">
說明: 清除與重設表單內容,用於清除表單中所有文字方塊的內容,並使選擇選單項目恢復到初始值。
8. button
# 實例:
<input type="button" value="Hello world!">
說明:按鈕可以激發提交表單的動作。可以在使用者需要修改表單時,將表單恢復到初始的狀態,還可以依照程式的需要發揮其他功能。普通按鈕一般是配合JavaScript 腳本進行表單處理。
9.hidden
#實例如下所示:
<input type="hidden" name="id">
說明:隱藏域,用於在表單中以隱含方式提交變數值。隱藏網域在頁面中對於使用者是不可見的,新增隱藏網域的目的在於透過隱藏的方式收集或傳送訊息。當瀏覽者點選「傳送」按鈕傳送表單時,隱藏網域的資訊也會一起傳送到action指定的處理頁。
以上就是輸入域標記的介紹和的 type屬性的舉例講解說明,朋友們需要對此進行記憶和多多操作練習,因為在以後的開發中表單會非常的有用。
以上是PHP表單元素介紹之輸入域標記 的詳細內容。更多資訊請關注PHP中文網其他相關文章!