整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
<script src="https://lf6-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>
【H5教程-2.4.1小節】
1. HTML5表單的創建
HTML表單
1.表單用于不同類型的用戶輸入
2.常用表單標簽:
<form> 表單
<input> 輸入域
<textarea> 文本域
<label> 控制標簽
<fieldset> 定義域
<legend> 域的標題
<select> 選擇列表
<optgroup> 選擇組
<option> 下拉列表中的選項
<button> 按鈕
3.常用
復選框
單選按鈕
下拉列表
文本域
創建按鈕
[html] view plain copy print?
<form>
用戶名:
<inputtype="text">
<br>
密碼:
<inputtype="password">
<br>
你喜歡的水果?(復選)<br>
APPLE<inputtype="checkbox">
BANANA<inputtype="checkbox">
PEAR<inputtype="checkbox"><br>
性別(單選)<br>
男<inputtype="radio"name="sex" checked>
女<inputtype="radio"name="sex">
<br>
選擇m*(下拉列表)
<select>
<option>m1</option>
<option>m2</option>
<option>m3</option>
<option selected>mm</option><!--默認-->
</select>
<br>
<inputtype="button"value="按鈕">
<inputtype="submit"><!--默認文字不同瀏覽器不同,測試IE10為"提交查詢內容",Chrome為提交-->
</form>
<textareacols="30"rows="10">文本域,cols行,rows列</textarea>
2. PHP環境搭建
可以用PHPStorm配置,也可以用xampp啟動Apache
對于工作空間在/xampp/htdocs下的,如E:\xampp\htdocs\PHPTEST\service.PHP
可以用PHPStorm直接訪問獲得訪問地址,如http://localhost:63343/htdocs/PHPTEST/service.php
也可以用Apache開啟服務后的訪問地址,如http://localhost/PHPTEST/service.php
3. HTML5表單與PHP交互
最簡單的表單,采用get方式提交,action是PHPStorm得到的:
[html] view plain copy print?
<formaction="http://localhost:63343/htdocs/PHPTEST/service.php"method="get">
用戶名:
<inputtype="text"name="Tname">
<br>
密碼:
<inputtype="password"name="Tpassword">
<br>
<inputtype="submit"value="提交">
</form>
服務端:
[php] view plain copy print?
<?php
echo'GET方式可以做資源定位,如淘寶商品用id定位<br>用戶名:'.$_GET['Tname'].'<br>密碼:'.$_GET['Tpassword'];
第二種方式,用Apache的服務,post方式提交:
[html] view plain copy print?
<formaction="http://localhost/PHPTEST/service.php"method="post">
用戶名:
<inputtype="text"name="Tname">
<br>
密碼:
<inputtype="password"name="Tpassword">
<br>
<inputtype="submit"value="提交">
</form>
服務端:
[php] view plain copy print?
<?php
echo'POST方式較為安全<br>用戶名:'.$_POST['Tname'].'<br>密碼:'.$_POST['Tpassword'];
etBrains PhpStorm 2024.1 (macOS, Linux, Windows) - 高效智能的 PHP IDE
請訪問原文鏈接：JetBrains PhpStorm 2024.1 (macOS, Linux, Windows) - 高效智能的 PHP IDE，查看最新版。原創作品，轉載請保留出處。
作者主頁：sysin.org
JetBrains PhpStorm - 高效智能的 PHP IDE
使用本地 AI 進行全行代碼補全
享受高效的 PHP
觀看視頻介紹
PhpStorm 深刻 理解您的代碼。
發現所有新功能
JetBrains PhpStorm 2024.1 (macOS, Linux, Windows) x64 & aarch64 百度網盤鏈接：https://sysin.org/blog/jetbrains-phpstorm/
更多：JetBrains IDE 2024.1 (macOS, Linux, Windows) - 開發者工具
etBrains PhpStorm 2023.3 (macOS, Linux, Windows) - 高效智能的 PHP IDE
請訪問原文鏈接：https://sysin.org/blog/jb-phpstorm-2023/，查看最新版。原創作品，轉載請保留出處。
作者主頁：sysin.org
JetBrains PhpStorm - 高效智能的 PHP IDE
享受高效的 PHP
觀看視頻介紹
PhpStorm 深刻 理解您的代碼。
PhpStorm 完美支持 Symfony、Laravel、Drupal、WordPress、Zend Framework、Magento、Joomla!、CakePHP、Yii 等各種主流框架。
編輯器會 “獲取” 您的代碼并深刻理解其結構，支持所有 PHP 語言功能，適用于現代項目和舊項目。它提供最優秀的代碼補全、重構和實時錯誤預防等功能。
借助重構、調試和單元測試等功能來充分利用最先進的前端技術，例如 HTML5、CSS、Sass、Less、Stylus、CoffeeScript、TypeScript、Emmet 和 JavaScript。借助實時編輯功能，立即在瀏覽器中查看變更。
借助版本控制系統集成 (sysin)，以及對遠程部署、數據庫 / SQL、命令行工具、Docker、Composer、REST 客戶端和許多其他工具的支持，直接從 IDE 執行許多日常任務。
PhpStorm 包含 WebStorm 的所有功能，完全支持 PHP，并且還增加了對數據庫 / SQL 的支持。
成百上千次檢查會在您輸入的同時實時驗證代碼，分析整個項目。PHPDoc 支持、代碼（重新）排列器與格式化程序、快速修復以及其他功能可以幫助您編寫易于維護的簡潔代碼。
借助高效的導航功能，完全掌控代碼庫。IDE 能夠理解您的想要到的地方并且立刻轉跳到該位置。
使用安全的 Rename、Move、Delete、Extract Method、Inline Variable、Push members Up/Pull members Down、Change Signature 和許多其他重構可靠地重構您的代碼 (sysin)。語言特定的重構讓您只需點擊數下即可執行項目級變更，并且可以安全地撤消此操作。
PhpStorm 以其零配置可視化調試器而聞名，讓您能夠全面洞察應用程序中每一步的情況。它可與 Xdebug 和 Zend Debugger 搭配使用，支持遠程或本地使用。還可以通過 PHPUnit 進行單元測試，通過 Behat 進行 BDD，還提供集成的分析器。
代碼輔助
導航
重構
調試
工具集成
發現所有新功能
JetBrains PhpStorm 2023.1 (macOS, Linux, Windows) x64 & aarch64 百度網盤鏈接：https://sysin.org/blog/jb-phpstorm-2023/
JetBrains PhpStorm 2023.2 (macOS, Linux, Windows) x64 & aarch64 百度網盤鏈接：https://sysin.org/blog/jb-phpstorm-2023/
JetBrains PhpStorm 2023.3 (macOS, Linux, Windows) x64 & aarch64 百度網盤鏈接：https://sysin.org/blog/jb-phpstorm-2023/
閱讀原文，直達下載。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
