PHP與Web頁面交互

PHP與Web頁面交互

表單

Ｗeb表單的功能是讓瀏覽者和網站有一個互動的平臺。Web表單主要用來在網頁中發送數據到服務器，例如，提交注冊信息時需要使用表單．當用戶填寫信息后做提交（submit）操作，即將表單的內容從客戶端的瀏覽器傳送到服務端，經過服務器上的PHP程序進行處理后，再將用戶所需的信息傳遞回客戶端的瀏覽器上．通過獲得用戶信息，使用PHP與Web表單實現了交互。

如何創建表單

使用<form>標記，并在其中插入相關的表單元素，即可創建一個表單．

表單結構如下：

<form name="form_name" method="method" action="url" enctype="value" target="target_win" id="id">

......插入的表單元素

</form>

From標記的屬性

Name：表單名稱

Method：定義表單中數據的提交方式，可取值為GET 和POST中的一個。

Action：將表單中的數據提交到哪個文件中進行處理，這個地址可以是絕對的URL，也可以是相對的URL。

Enctype：application/x-www-form-urlencoded：默認的MIME類型，表示表單數據應該被編碼成一個長串。

Multipart/form-data：上傳文件專用類型，表示將每一個編碼作為一個獨立的部分使用。

Target：該屬性和鏈接中的同名屬性類似，用來指定目標窗口和目標幀。target的屬性值。

_blank：將返回頁面信息顯示在新的窗口中。

Parent：將返回信息顯示在父級窗口中。

Self：將返回信息顯示在當前窗口中。

Top：將返回信息顯示在頂級窗口中。

表單元素

表單（form）由表單元素組成。常用的表單元素有以下幾種標記：輸出域標記<input>、選擇域標記<select>、文字域標記<textarea>等。

1、輸入域標記<input>

輸入域標記<input>是表單中最常的標記之一。常用的輸入域標記有文本框、按鈕、單選按鈕、復選框、文件域等。

語法格式如下：

<input name="filed_name" type="type_name">

參數name是指輸入域的名稱，參數type是指輸入域的類型。用戶選擇使用的類型由type屬性決定，type屬性取值

2.選擇域標記<select>和<option>

通過選擇域標記<select>和<option>可以建立一個列表或者菜單。菜單的使用是為了節省空間，正常狀態下只能看到菜單的一個選項，單擊右側的下三角按鈕打開菜單后才能看到全部的選擇，列表可以顯示一定數量的選項，如果超出了這個數量，會自動出現滾動條，瀏覽者可以通過拖動滾動條看各選項。

3、文本域標記<textarea>

文本標記<textarea>用來制作多行的文本域，可以在其中輸入更多的文本。

語法格式如下：

<textarea name="名稱"　 rows=”行數”　 cols=”列數”  wrap="soft|hard">

文本內容

</textarea>

其中參數name表示文本域的名稱；row表示文本域的行數；cols表示文本域的列數；參數value表示文字域的默認值；參數wrap用于設定顯示和送出時的換行方式，值為off表示不自動換行，值為hard表示自動硬回車換行。wrap的值

<form action="" method="post">

        <fieldset>

                 <legend>學生檔案</legend>

                 <label for="">

                         姓名: <input type="text" required autofocus placeholder="請輸入姓名">

                 </label>

                 <label for="">

                         學號: <input type="tel" pattern="1\d{10}" placeholder="學號 ">

                 </label>

                 <label for="">

                         郵箱地址: <input type="email" placeholder="請輸入郵箱地址">

                 </label>

                 <label for="">

                         所屬學院: <input type="text" list="course" placeholder="新華電腦專修學院">

                         <datalist id="course">

                                  <option value=" 新華電腦專修學院"></option>

                                  <option value="PHP"></option>

                                  <option value="JAVA"></option>

                                  <option value="Android"></option>

                                  <option value="IOS"></option>

                                  <option value="UI設計"></option>

                                  <option value="C++"></option>

                         </datalist>

                 </label>

                 <label for="">

                         入學成績: <input type="number" max="100" id="score" step="10" value="80">

                 </label>

                 <label for="">

                         基礎水平: <meter min="0" max="100" low="60" high="80" value="80" id="level"></meter>

                 </label>

                 <label for="">

                         入學日期: <input type="date" value="2016-01-01">

                 </label>

                 <label for="">

                         畢業時間: <input type="date" value="2016-05-01">

                 </label>

                 <label for="">

                         課程進度: <progress min="0" max="100" value="10"></progress>

                 </label>

                 <label for="">

                         <input type="submit" value="保存">

                 </label>

        </fieldset>

</form>

秦鵬