返回列表 上一主題 發帖

5-6 表單欄位資料的使用(5-6-1 單行文字輸入元件(Text))

5-6 表單欄位資料的使用(5-6-1 單行文字輸入元件(Text))

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



5-6-1   單行文字輸入元件(Text)
單行文字輸入元件是表單中的基礎元件,出現機率百分之九十以上,例如姓名、住址、電話..等等資料的輸入都會用到它:
  1. 欄位說明文字:<Input Type=”Text” Name=”識別名”>
複製代碼
例如:
  1. 地址:<Input Type=”Text” Name=”Address”>
複製代碼
若您要限制可輸入的字數可加上「Maxlength」屬性,若資料是要寫入資料庫,這個字數限制是有必要限定的,避免使用者故意輸入大量的文字,造成資料庫欄位長度不足,例如限制最大輸入字數為50個字:
  1. 地址:<Input Type=”Text” Name=”Address” Maxlength=”50”>
複製代碼
另外,「Size」屬性可設定單行文字輸入元件的顯示寬度;「Value」屬性可設定出現在單行文字輸入元件中的預設值,例如:
  1. 地址:<Input Type=”Text” Name=”Address” Value=“請輸入戶籍地址”>
複製代碼
心安,平安   
發表任何無意義的感謝或灌水文章一律砍,珍惜帳號,請詳閱版規!!

在PHP中有些函數是與文字輸入的資料處理有密切的關係,例如使用者故意加入HTML標籤,造成資料在顯示時出現不正常排列,造成頁面排版格式亂掉,此種狀況最常出現的就是在「留言版」或「討論區」,此時就可使用「htmlspecialchars()」函數來處理:
htmlspecialchars ()函數格式
  1. string htmlspecialchars ( string string [, int quote_style [, string charset]])
複製代碼
text.php
  1. <html><head>
  2. <title>單行文字輸入元件使用</title>
  3. </head><body>
  4. <form action="text_ans.php" method="Post">
  5. 地址:
  6. <input type="Text" name="Address">
  7. <input type="Submit">
  8. </form>
  9. </body></html>
複製代碼
0.png
2011-4-19 09:47

圖5-19於欄位中故意輸入HTML標籤。

text_ans.php
  1. <html><head>
  2. <title>單行文字輸入元件使用</title>
  3. </head><body>
  4. <%
  5. myaddress=Request.Form("Address")
  6. %>
  7. 關閉HTML標籤使用:<%= Server.HTMLEncode(myaddress) %>
  8. <P>
  9. 開放HTML標籤使用:<%=myaddress %>
  10. </body></html>
複製代碼
利用Server物件的「HTMLEncode」方法可將欄位內的資料加以編碼,結果就成為「&lt;B&gt;台北縣&lt;/B&gt;」,瀏覽器遇到這種特殊字元就會加以解碼成文字顯示出來,而不會將其當成HTML標籤來解讀。
0.png
2011-4-19 09:51

圖5-20 使用「HTMLEncode」方法編碼。
心安,平安   
發表任何無意義的感謝或灌水文章一律砍,珍惜帳號,請詳閱版規!!

TOP

要計算使用者所輸入的資料長度(字元數),可使用「strlen函數,如果是空字串則長度為0,特別要注意:空白字元也佔用一個字元長度。
為了確保資料的輸入正確性,避免空白字元的誤輸入與計算資料長度的正確性,我們可以利用「trim()」函數移除資料字串左右兩邊的空白字元,但是夾雜於字元與字元間的空白字元並不會被消除。
text_2.php(節錄)
  1. <form action="text_ans_2.php" method="Post">
  2. 地址:
  3. <input type="Text" name="Address">
  4. <input type="Submit">
  5. </form>
複製代碼
例如:故意於資料前方加入三個空白字元,資料中間與後方各加入一個空白字元:
0.png
2011-4-19 09:52

圖5-22  刻意輸入空白字元。
text_ans_2.php
  1. <html><head>
  2. <title>單行文字輸入元件使用</title>
  3. </head><body>
  4. <?
  5. $myaddress=$_REQUEST["Address"];
  6. ?>
  7. 原始資料:<?=$myaddress?><Br>
  8. 長度:<?=strlen($myaddress)?><Br>
  9. <P>
  10. 去兩邊空白資料:<?=trim($myaddress)?><Br>
  11. 長度:<?=strlen(trim($myaddress))?><Br>
  12. <P>
  13. </body></html>
複製代碼
在下圖中,利用「trim()」等函數移除資料字串左右兩邊的空白字元,再利用「strlen()」函數計算資料長度,您可以發現夾雜於字元與字元間的空白字元並不會被消除,而且一個空白字元就佔用一個空間長度,注意:一個中文字算兩個字元長度。
0.png
2011-4-19 09:53

圖5-22  去除空白字元與計算資料長度。
心安,平安   
發表任何無意義的感謝或灌水文章一律砍,珍惜帳號,請詳閱版規!!

TOP

不好意思 想請問
<%
myaddress=Request.Form("Address")
%>
我使用DW 顯示這段語法錯誤 但我不知道如何修正
還請大大指點
感謝

TOP

不好意思 想請問

我使用DW 顯示這段語法錯誤 但我不知道如何修正
還請大大指點
感謝
tokko4286 發表於 2012-7-15 18:22
  1. <?
  2. $myaddress=$_REQUEST["Address"];
  3. ?>
複製代碼
心安,平安   
發表任何無意義的感謝或灌水文章一律砍,珍惜帳號,請詳閱版規!!

TOP

另外,「Size」屬性可設定單行文字輸入元件的顯示寬度;「Value」屬性可設定出現在單行文字輸入元件中的預設值,例如:
  1. 地址:<Input Type="Text" Name="Address" Value="地址" size="5">
複製代碼

TOP

使用「htmlspecialchars()」函數來處理:
  1. <?php
  2. $yaddress = "123</br>123";
  3. $kk = htmlspecialchars($yaddress);
  4. echo $kk;
  5. ?>
複製代碼

TOP

        靜思自在 : 人生沒有所有權,只有生命的使用權。
返回列表 上一主題