[H5]HTML表單和PHP環境搭建

2024-04-27 15:06:36

字體：大中小

來源：轉載

供稿：網友

[H5]HTML表單和php環境搭建

[HTML表單]

效果如：圖一

<!--HTML表單--><!--1.表單用于獲取不同類型的用戶輸入--><!--2.常用表單標簽：--><!--<form>      表單--><!--<input>     輸入域--><!--<textarea>  文本域--><!--<label>     控制標簽--><!--<fieldset>  定義域--><!--<legend>    域的標題--><!--<select>    選擇列表--><!--<optgroup>  選項組--><!--<option>    下拉列表中的選項--><!--<button>    按鈕--><!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>表單</title></head><body>    <!--HTML表單-->    <!--1.用戶輸入-->    <form>        用戶名：        <input type="text">        密碼：        <input type="passWord">    </form>    <!--2.復選框-->    <form>        正確選項復選？        一<input type="checkbox">        二<input type="checkbox">        三<input type="checkbox">    </form>    <!--3.單選框-->    <form>        <!--加上name屬性的原因是，這里需要將選項集合在一起，針對一個組的概念才能實現單選效果-->        正確選項單選？        一<input type="radio" name="sInput">        二<input type="radio" name="sInput">        三<input type="radio" name="sInput">    </form>    <!--4.下拉列表-->    <form>        喜歡什么？        <select>            <option>椅子</option>            <option>柜子</option>            <option>杯子</option>        </select>    </form>    <!--5.文本域-->    <form>        <!--可以在表單外直接創建-->        <textarea cols="30" rows="30">請填寫反饋內容</textarea>    </form>    <!--6.創建按鈕-->    <form>        <input type="button" value="按鈕">        <input type="submit" value="提交">    </form></body></html>
[PHP環境搭建]
1.下載安裝軟件XAMPP（XAMPP是最流行的PHP開發環境，其中包含Apache+MySQL+PHP+Perl）
地址：https://www.apachefriends.org/zh_cn/index.html
2.打開XAMPP
        選擇Manage Servers
        打開Apache Web Server（變為綠后表示已經打開服務器）
        打開MySQL Database 
3.安裝位置
        應用程序-XAMPP-htdocs（在這個文件夾下就可以運行PHP腳本了）
4.如何書寫PHP腳本？采用什么軟件來書寫PHP腳本？
        使用Eclipse（對java來說非常強大的開發工具）
        Eclipse下載地址：http://www.eclipse.org/
        寫PHP之前需要下載一個插件：
        Help—Install New Software...—Work with:找到當前的版本—選擇PHP Development Tools (PDT)下載安裝—重啟Eclipse—切換到PHP環境開發
5.Eclipse使用
        1.)創建PHP工程：
        右鍵—New—PRoject...—PHP Project—Next—輸入Project Name—Finish。
        2.)創建PHP文件：
        右鍵工程—New—PHP File—輸入File Name—Finish。
        3.)將*.php Copy到XAMPP目錄下去執行這個腳本：
        <?php
        echo 'hello world!';
        4.)運行
        瀏覽器打開localhost，進入XAMPP for Mac OS X 界面，表示XAMPP安裝成功了；
        運行文件：localhost/*.php 打印出hello world!就表示運行成功了。
        5.）切換Eclipse的工作空間至XAMPP目錄
        File—Switch Workspace—Other...—選擇Workspace指向的目錄—OK；
        切換后，不用每次都Copy php文件，可以直接運行（右鍵工作區—Run As—Run on Server—Run Web application）。
[表單提交數據與PHP交互]
效果 如：圖二
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>表單與PHP交互</title></head><body>    <!--action指定提交到哪個服務器的地址，同時需要指定提交的方式method-->    <!--method分兩種get和post-->    <!--get方式會將所有參數展示在地址當中，可以做資源定位，但存在一個長度大小的限制-->    <!--post不會在地址中展示所有參數，比get方式要安全，但物理上比get方式要麻煩很多-->    <form action="https://localhost/項目名/文件名.php" method="get">        用戶名：        <input type="text" name="name">        密碼：        <input type="password" name="password">        <input type="submit" value="提交">    </form></body></html>
服務器處理接收到的用戶名和密碼:
示意圖：
圖一
圖二
end