整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线：

2.4.1.HTML5表单提交和PHP环境搭建

2.4.1.HTML5表单提交和PHP环境搭建

<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?

  1. <form>

  2. 用户名:

  3. <inputtype="text">

  4. <br>

  5. 密码:

  6. <inputtype="password">

  7. <br>

  8. 你喜欢的水果?(复选)<br>

  9. APPLE<inputtype="checkbox">

  10. BANANA<inputtype="checkbox">

  11. PEAR<inputtype="checkbox"><br>

  12. 性别(单选)<br>

  13. 男<inputtype="radio"name="sex" checked>

  14. 女<inputtype="radio"name="sex">

  15. <br>

  16. 选择m*(下拉列表)

  17. <select>

  18. <option>m1</option>

  19. <option>m2</option>

  20. <option>m3</option>

  21. <option selected>mm</option><!--默认-->

  22. </select>

  23. <br>

  24. <inputtype="button"value="按钮">

  25. <inputtype="submit"><!--默认文字不同浏览器不同,测试IE10为"提交查询内容",Chrome为提交-->

  26. </form>

  27. <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?

  1. <formaction="http://localhost:63343/htdocs/PHPTEST/service.php"method="get">

  2. 用户名:

  3. <inputtype="text"name="Tname">

  4. <br>

  5. 密码:

  6. <inputtype="password"name="Tpassword">

  7. <br>

  8. <inputtype="submit"value="提交">

  9. </form>

服务端:

[php] view plain copy print?

  1. <?php

  3. echo'GET方式可以做资源定位,如淘宝商品用id定位<br>用户名:'.$_GET['Tname'].'<br>密码:'.$_GET['Tpassword'];

第二种方式,用Apache的服务,post方式提交:

[html] view plain copy print?

  1. <formaction="http://localhost/PHPTEST/service.php"method="post">

  2. 用户名:

  3. <inputtype="text"name="Tname">

  4. <br>

  5. 密码:

  6. <inputtype="password"name="Tpassword">

  7. <br>

  8. <inputtype="submit"value="提交">

  9. </form>

服务端:

[php] view plain copy print?

  1. <?php

  3. 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 进行全行代码补全

为什么选择 PhpStorm

享受高效的 PHP

观看视频介绍

PhpStorm 深刻 理解您的代码。

  • ? 主流框架支持PhpStorm 完美支持 Symfony、Laravel、Drupal、WordPress、Zend Framework、Magento、Joomla!、CakePHP、Yii 等各种主流框架。
  • ? 所有 PHP 工具编辑器会 “获取” 您的代码并深刻理解其结构，支持所有 PHP 语言功能，适用于现代项目和旧项目。它提供最优秀的代码补全、重构和实时错误预防等功能。
  • ? 涵盖前端开发技术借助重构、调试和单元测试等功能来充分利用最先进的前端技术，例如 HTML5、CSS、Sass、Less、Stylus、CoffeeScript、TypeScript、Emmet 和 JavaScript。借助实时编辑功能，立即在浏览器中查看变更。
  • ? 内建开发者工具借助版本控制系统集成 (sysin)，以及对远程部署、数据库 / SQL、命令行工具、Docker、Composer、REST 客户端和许多其他工具的支持，直接从 IDE 执行许多日常任务。
  • ? PhpStorm=WebStorm + PHP + DB/SQLPhpStorm 包含 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，还提供集成的分析器。
  • 代码辅助
  • 导航
  • 重构
  • 调试
  • 工具集成

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

为什么选择 PhpStorm

享受高效的 PHP

观看视频介绍

PhpStorm 深刻 理解您的代码。

主流框架支持

PhpStorm 完美支持 Symfony、Laravel、Drupal、WordPress、Zend Framework、Magento、Joomla!、CakePHP、Yii 等各种主流框架。

所有 PHP 工具

编辑器会 “获取” 您的代码并深刻理解其结构，支持所有 PHP 语言功能，适用于现代项目和旧项目。它提供最优秀的代码补全、重构和实时错误预防等功能。

涵盖前端开发技术

借助重构、调试和单元测试等功能来充分利用最先进的前端技术，例如 HTML5、CSS、Sass、Less、Stylus、CoffeeScript、TypeScript、Emmet 和 JavaScript。借助实时编辑功能，立即在浏览器中查看变更。

内建开发者工具

借助版本控制系统集成 (sysin)，以及对远程部署、数据库 / SQL、命令行工具、Docker、Composer、REST 客户端和许多其他工具的支持，直接从 IDE 执行许多日常任务。

PhpStorm=WebStorm + PHP + DB/SQL

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，还提供集成的分析器。

代码辅助

导航

重构

调试

工具集成

PhpStorm 最新变化

发现所有新功能

下载地址

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/

阅读原文，直达下载。


在线咨询
上一篇：12行代码实现一个Web版Markdown编辑器：实
下一篇：前端入门-css Grid网格基础知识

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

推荐阅读
友情链接 广阳区 秦皇岛 雷州市 富源县 萧县 新晃侗族自治县 网站制作
Copyright © 2002-2019 雨点网络设计有限公司 版权所有   冀ICP备11025394号
联系电话：   E-mail：279303980@qq.com  
主营业务：技术文章网站建设、网站定制、技术文章营销型网站建设、技术文章网站优化、技术文章微商城制作、三级分销系统开发
电话沟通
在线客服