PHP表單元素介紹之輸入域標記

伊谢尔伦
發布: 2023-03-07 13:54:02
原創
3736 人瀏覽過

表單

由表單元素組成。常用的表單元素有以下幾個標記:輸入域標記 、選擇域標記

這一章我們將重點介紹輸入域標記

輸入域標記

#輸入域標記 是表單中最常用的標記之一。常用的輸入域標記 有文字方塊、按鈕單選按鈕複選框等等。

其語法格式如下:

<form>
<input name="file_name" type="type_name">
</form>
登入後複製

參數 name是指輸入域的名稱;參數 type 是指輸入域的類型。在 標記中提供瞭如下的幾個類型的輸入域,使用者可以根據自己的需求用 type屬性決定選擇使用類型。


type屬性取值及範例及說明:

1. text

實例:

<input name="user" type="text"  value="饮料" size="12"  maxlength="1000" >
登入後複製

說明: name 為文字方塊的名稱, value 是文字方塊的預設值,size 指文字方塊的寬度(以字元為單位), maxlength 是指文字方塊的最大輸入字元數。

PHP表單元素介紹之輸入域標記 <input>

2. password

# 實例:

<input name="pwd" type="password"  value="123456" size="8"  maxlength="16" >
登入後複製

說明:密碼域,使用者在該文字方塊中輸入字元將被替換顯示為“ * ” ,以起到保密的作用。

PHP表單元素介紹之輸入域標記 <input>

3. file

# 實例:

<input name="file"  type="file"   enctype="multipart/form-date" size="12"  maxlength="200" >
登入後複製

說明:檔案域,當檔案上傳時,可以用來開啟一個模式視窗以選擇檔案。然後將文件透過表單上傳到伺服器,如上傳 word 檔案等。必須注意的是,上傳檔案時需要指明表單的屬性  enctype="multipart/form-date"才可以實現上傳功能。

PHP表單元素介紹之輸入域標記 <input>

4. radio

# 實例:

<input name="sex"  type="radio"   value="男" checked>男
<input name="sex"  type="radio"   value="女" >女
登入後複製

說明:單選按鈕,用於設定一組選擇項,使用者只能選擇一項,checked 屬性用來設定該單選按鈕預設被選取。

PHP表單元素介紹之輸入域標記 <input>

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 屬性用來設定該單一複選框預設被選取。例如,收集個人資訊時,要求在個人嗜好的選項中進行多項選擇等。

PHP表單元素介紹之輸入域標記 <input>

6. submit

# 實例:

<input name="submit"  type="submit" value="提交" >
登入後複製

說明:將表單內的內容提交到伺服器。

PHP表單元素介紹之輸入域標記 <input>

7. reset

# 實例:

<input name="reset" type="reset" value="重置">
登入後複製

說明: 清除與重設表單內容,用於清除表單中所有文字方塊的內容,並使選擇選單項目恢復到初始值。

PHP表單元素介紹之輸入域標記 <input>

8. button

# 實例:

<input type="button" value="Hello world!">
登入後複製

說明:按鈕可以激發提交表單的動作。可以在使用者需要修改表單時,將表單恢復到初始的狀態,還可以依照程式的需要發揮其他功能。普通按鈕一般是配合JavaScript 腳本進行表單處理。

PHP表單元素介紹之輸入域標記 <input>

9.hidden

#實例如下所示:

<input type="hidden"  name="id">
登入後複製

說明:隱藏域,用於在表單中以隱含方式提交變數值。隱藏網域在頁面中對於使用者是不可見的,新增隱藏網域的目的在於透過隱藏的方式收集或傳送訊息。當瀏覽者點選「傳送」按鈕傳送表單時,隱藏網域的資訊也會一起傳送到action指定的處理頁。

以上就是輸入域標記的介紹和的 type屬性的舉例講解說明,朋友們需要對此進行記憶和多多操作練習,因為在以後的開發中表單會非常的有用。

以上是PHP表單元素介紹之輸入域標記 的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!