6、网页开发中的选项卡、手风琴效果与表单验证

秃然暴富

于 2025-11-27 11:58:32 发布

阅读量9

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery与PHP实战精要文章标签：选项卡手风琴效果 Ajax

本文链接：https://blog.youkuaiyun.com/vscode6remote/article/details/155652683

jQuery与PHP实战精要专栏收录该内容

16 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

网页开发中的选项卡、手风琴效果与表单验证

1. 选项卡与手风琴效果实现

双花括号（ { { 和 }} ）在正常使用中极为罕见，因此使用它们可以确保不会与网站管理员通常编写的内容发生冲突。

1.1 客户端代码

复制为手风琴演示创建的表单，在本次演示中，要展示选项卡和手风琴一起工作。选项卡使用之前讨论的代码处理，手风琴将应用于所有 <h3> 元素。在表单中输入同时使用它们的文本。

1.2 服务器端代码

最终目标是提供选项卡，用于将故事拆分为不同页面，无需为这些选项卡提取页面标题。通常，在线长篇故事会拆分为单独页面，每个页面有“第 1 页”“第 2 页”等标题，这些是可预测的系列，可以实现自动化。

以下是结合了之前示例中选项卡和手风琴转换的代码：

<?php
  $html=isset($_REQUEST['body'])?$_REQUEST['body']:' ';
  function convert_accordions($html){
    if(strpos($html,'<h3')===false)
      $converted=$html;
    else{ // Accordion found
      $panels=explode('<h3',$html);
      $converted=array_shift($panels).'<div class="accord