小誌

　暱稱: 小誌
　頭銜: 曾經也是水電工

帖子: 1188
主題: 394
精華: 113
積分: 1747
點名: 1
作業系統: Vista
軟體版本: Office 2003
閱讀權限: 200
性別: 男
來自: 台灣
註冊時間: 2010-5-1
最後登錄: 2024-11-20

2021牛年全勤獎章好學求知勳章熱烈參與勳章 2017 雞年全勤獎章 2018 狗年全勤獎章 2019 豬年全勤獎章 2020鼠年全勤獎章

1^# 跳轉到 » 倒序看帖

打印

字體大小: tT

發表於 2010-5-14 18:08 | 只看該作者

[教學] (PHP+IIS+MsSQL教學第17篇) 表單欄位資料使用上篇

IIS, MsSQL

表單欄位資料的使用
在上一篇教學中，我們僅就表單的資料傳遞方式加以說明，範例中的表單元件「單行文字輸入元件（Text）」與「多行文字輸入元件（Textarea）」並沒有加以說明，事實上，表單的元件相當的多，而表單與表單元件在我們PHP中利用到的機會非常的多，所以有必要下點功夫對表單元件多熟悉一點，在說明這些元件的同時，筆者將會就這些元件欄位相關的PHP函數與物件方法加以介紹。

單行文字輸入元件（Text）
單行文字輸入元件是表單中的基礎元件，出現機率百分之九十以上，例如姓名、住址、電話..等等資料的輸入都會用到它：

欄位說明文字：<Input Type=”Text” Name=”識別名”>

複製代碼

例如：

地址：<Input Type=”Text” Name=”Address”>

複製代碼

若您要限制可輸入的字數可加上「Maxlength」屬性，若資料是要寫入資料庫，這個字數限制是有必要限定的，避免使用者故意輸入大量的文字，造成資料庫欄位長度不足，例如限制最大輸入字數為50個字：

地址：<Input Type=”Text” Name=”Address” Maxlength=”50”>

複製代碼

另外，「Size」屬性可設定單行文字輸入元件的顯示寬度；「Value」屬性可設定出現在單行文字輸入元件中的預設值，例如：

地址：<Input Type=”Text” Name=”Address” Value=“請輸入戶籍地址”>

複製代碼

在PHP中有些函數是與文字輸入的資料處理有密切的關係，例如使用者故意加入HTML標籤，造成資料在顯示時出現不正常排列，造成頁面排版格式亂掉，此種狀況最常出現的就是在「留言版」或「討論區」，此時就可使用「htmlspecialchars()」函數來處理：
htmlspecialchars ()函數格式

string htmlspecialchars ( string string [, int quote_style [, string charset]])

複製代碼

<html><head>
<title>單行文字輸入元件使用</title>
</head><body>
<form action="text_ans.php" method="Post">
地址:
<input type="Text" name="Address">
<input type="Submit">
</form>
</body></html>

複製代碼

<html><head>
<title>單行文字輸入元件使用</title>
</head><body>
<?
$myaddress=$_REQUEST["Address"];
?>
關閉HTML標籤使用:<?=htmlspecialchars($myaddress)?>
<P>
開放HTML標籤使用:<?=$myaddress?>
</body></html>

複製代碼

利用「htmlspecialchars」方法可將欄位內的資料加以編碼，結果就成為「<B>台北縣</B>」，瀏覽器遇到這種特殊字元就會加以解碼成文字顯示出來，而不會將其當成HTML標籤來解讀。

若要計算使用者所輸入的資料長度（字元數），可使用「strlen函數，如果是空字串則長度為0，特別要注意：空白字元也佔用一個字元長度。
為了確保資料的輸入正確性，避免空白字元的誤輸入與計算資料長度的正確性，我們可以利用「trim()」函數移除資料字串左右兩邊的空白字元，但是夾雜於字元與字元間的空白字元並不會被消除。

<form action="text_ans_2.php" method="Post">
地址:
<input type="Text" name="Address">
<input type="Submit">
</form>

複製代碼

例如：故意於資料前方加入三個空白字元，資料中間與後方各加入一個空白字元：

<html><head>
<title>單行文字輸入元件使用</title>
</head><body>
<?
$myaddress=$_REQUEST["Address"];
?>
原始資料:<?=$myaddress?><Br>
長度:<?=strlen($myaddress)?><Br>
<P>
去兩邊空白資料:<?=trim($myaddress)?><Br>
長度:<?=strlen(trim($myaddress))?><Br>
<P>
</body></html>

複製代碼

在下圖中，利用「trim()」等函數移除資料字串左右兩邊的空白字元，再利用「strlen()」函數計算資料長度，您可以發現夾雜於字元與字元間的空白字元並不會被消除，而且一個空白字元就佔用一個空間長度，注意：一個中文字算兩個字元長度。

密碼欄位元件（Password）
密碼欄位元件（Password）外觀上與單行文字輸入元件一模一樣，但在密碼欄位元件中輸入的資料會以「*」星號顯示：

欄位說明文字：<Input Type=”Password” Name=”識別名”>

複製代碼

例如：

密碼：<Input Type=”Password” Name=”paswd”>

複製代碼

另外，密碼欄位元件與單行文字輸入元件一樣，透過「Size」屬性可設定顯示的寬度；「Value」屬性可設定出現在元件中的預設值，不過，應該沒有人會為密碼欄位元件建立預設值吧！

提示！！
密碼欄位元件在資料輸入時會以星號取代所輸入的文字，但在伺服端讀取的資料依然是使用者所輸入的原始資料，同樣地，若表單使用「Get」的方式傳遞表單資料，使用者所輸入的原始資料也會附在網址後方而顯示在瀏覽器的網址列中，所以，當表單中含有密碼欄位元件時，表單資料的傳遞方式應採用「Post」。

樓主熱帖

心安，平安
發表任何無意義的感謝或灌水文章一律砍,珍惜帳號,請詳閱版規!!

小誌

　暱稱: 小誌
　頭銜: 曾經也是水電工

管理員 Rank: 9 Rank: 9 Rank: 9

帖子: 1188
主題: 394
精華: 113
積分: 1747
點名: 1
作業系統: Vista
軟體版本: Office 2003
閱讀權限: 200
性別: 男
來自: 台灣
註冊時間: 2010-5-1
最後登錄: 2024-11-20

2021牛年全勤獎章好學求知勳章熱烈參與勳章 2017 雞年全勤獎章 2018 狗年全勤獎章 2019 豬年全勤獎章 2020鼠年全勤獎章

2^#

發表於 2010-5-14 18:15 | 只看該作者

多行文字輸入元件（Textarea）
如果輸入的資料量不多，那麼單行文字輸入元件是最適合的元件，但是，在需要大量輸入資料的場合就應該使用多行文字輸入元件（Textarea）比較適合：

<textarea name=”識別名” cols=”欄數” rows=”列數”></textarea>

複製代碼

多行文字輸入元件利用「cols」屬性來設定顯示的寬度（字數），因為它可以輸入多行文字，所以又有「rows」屬性來設定顯示的高度（行數），因為多行文字輸入元件可輸入的資料量比較大，當表單中含有多行文字輸入元件時，表單資料的傳遞方式應採用「Post」，以避免傳送的資料被截斷。

為避免輸入的資料中含有HTML標籤而造成困擾，多行文字輸入元件也多會配合「htmlspecialchars()」函數來處理。

<html><head>
<title>多行文字輸入元件使用</title>
</head><body>
<form action="textarea_ans.php" method="Post">
請輸入留言:<Br>
<Textarea name="content" cols="35" rows="5">
</Textarea><Br>
<input type="Submit">
</form>
</body></html>

複製代碼

另外，當我們將輸入於多行文字輸入元件的資料顯示出來時，會有一個斷行的問題，輸入資料時，在多行文字輸入元件中按下「Enter」會有換行的效果，雖然在表面上看不到任何的換行字元，但實際上卻真實存在著一個換行字元，這個換行字元在我們輸出到瀏覽器時並不會有換行的效果，因此，輸出時應先使用「nl2br()」函數將這個換行字元替換成「<Br>」的HTML標籤符號。
nl2br ()函數格式