本教程旨在解决HTML下拉选择框（）无法通过readonly属性实现只读的问题。核心内容是阐明readonly属性对标签无效，并指导读者正确使用disabled属性于标签本身，以完全禁用下拉框，使其不可交互且呈现灰色视觉效果，从而有" />

推荐文章 Go 技术课程下载专题 AI

首页 > 文章 > php教程

HTML 元素禁用指南：实现下拉框只读效果》主要讲解了等等相关知识点，我会在golang学习网中持续更新相关的系列文章，欢迎大家关注并积极留言建议。下面就先一起来看一下本篇正文内容吧，希望能帮到你！
元素禁用指南：实现下拉框只读效果 " />
本教程旨在解决HTML下拉选择框（标签本身，以完全禁用下拉框，使其不可交互且呈现灰色视觉效果，从而有效实现只读功能。

理解 readonly 与和），使其内容不可编辑但仍可被选中和提交。然而，对于下拉选择框（<select>元素），readonly属性的行为并非如此。</p><p>许多开发者可能会尝试将readonly属性应用于<select>标签本身或其子元素<option>标签，期望能达到禁用或只读的效果。然而，这种做法是无效的。HTML规范中并未定义readonly属性对<select>或<option>元素的行为。例如，以下代码片段展示了常见的错误尝试：</p><pre class="brush:php;toolbar:false"><?php // 假设 $_SESSION['id'], $all_information['complain_from'], $_SESSION['real_name'] 等变量已定义 if($_SESSION['id'] == $all_information['complain_from']){ ?> <select name="complain_form" class="custom-select">  <option value="<?php echo $all_information['complain_from']; ?>" readonly><?php echo $_SESSION['real_name']; ?></option> </select> <?php }else{ ?> <select name="complain_form" class="custom-select"> <option value="" disabled selected>Select a name</option> <?php foreach($all_account_info as $account_info){ ?>  <option value="<?php echo $account_info['id']; ?>" <?php if($all_information['complain_from'] == $account_info['id']){ echo 'selected="selected"'; } ?> readonly> <?php echo $account_info['real_name']; ?> </option> </select> <?php } ?></pre><p>在上述代码中，无论readonly属性被添加到<select>还是<option>，下拉框仍然可以被点击并展开，用户仍然可以更改其选定值。这表明readonly并非实现下拉框只读功能的正确途径。</p><h3>正确的解决方案：使用 disabled 属性</h3><p>要真正实现下拉选择框的只读或禁用效果，使其完全不可交互，我们应该使用disabled属性。disabled属性适用于所有表单控件，它会禁用该控件，使其无法被用户操作（点击、聚焦、修改），并且其值不会随表单一起提交。</p><p>将disabled属性应用于<select>标签本身，是实现下拉框只读功能的标准且有效的方法。</p><pre class="brush:php;toolbar:false"><?php // 假设 $all_information['complain_from'] 和 $_SESSION['real_name'] 已定义 ?> <select name="complain_form" class="custom-select" disabled> <option value="<?php echo $all_information['complain_from']; ?>"> <?php echo $_SESSION['real_name']; ?> </option> </select></pre><p><strong>工作原理：</strong> 当<select>标签带有disabled属性时：</p><ol><li><strong>视觉效果：</strong> 浏览器通常会将该下拉框渲染为灰色或半透明状态，以视觉上提示用户其不可用。</li><li><strong>交互性：</strong> 用户将无法点击、展开下拉框，也无法更改其选定值。它将显示预设的选中项，但完全不可操作。</li><li><strong>表单提交：</strong> 这一点非常重要，disabled的表单元素的值不会被包含在表单提交的数据中。</li></ol><h3>实际应用场景与条件禁用</h3><p>在实际开发中，我们经常需要根据特定条件（例如用户权限、数据状态、编辑模式与查看模式切换）来动态地禁用或启用下拉框。PHP等服务器端语言可以很好地控制这一点。</p><p>以下是一个结合PHP逻辑，实现条件禁用下拉框的示例：</p><pre class="brush:php;toolbar:false"><?php // 假设 $all_information['complain_from'], $_SESSION['id'], $_SESSION['real_name'], $all_account_info 等变量已定义 // 根据条件判断是否需要禁用下拉框 $is_disabled_condition = ($_SESSION['id'] == $all_information['complain_from']); ?> <select name="complain_form" class="custom-select" <?php echo $is_disabled_condition ? 'disabled' : ''; ?>> <?php if ($is_disabled_condition) { ?>  <option value="<?php echo $all_information['complain_from']; ?>"> <?php echo $_SESSION['real_name']; ?> </option> <?php } else { ?>  <option value="" selected disabled>Select a name</option> <?php foreach($all_account_info as $account_info){ ?> <option value="<?php echo $account_info['id']; ?>" <?php if($all_information['complain_from'] == $account_info['id']){ echo 'selected="selected"'; } ?>> <?php echo $account_info['real_name']; ?> </option> <?php } ?> <?php } ?> </select></pre><p>在这个示例中，我们通过一个布尔变量$is_disabled_condition来控制disabled属性的输出。当条件满足时，<select>标签会包含disabled属性，使其只显示一个固定的选项且不可交互；当条件不满足时，<select>标签不包含disabled属性，并提供完整的选项列表供用户选择。</p><h3>重要注意事项</h3><ol><li><p><strong>数据提交问题：</strong> 如前所述，被disabled的表单元素，其值不会在表单提交时发送到服务器。如果在一个被禁用的下拉框中显示了一个重要值，并且这个值需要在表单提交时一并发送，那么你需要配合一个隐藏的<input type="hidden">字段来传递这个值。</p><pre class="brush:php;toolbar:false"><?php // 假设 $all_information['complain_from'] 和 $_SESSION['real_name'] 已定义 $selectedValue = $all_information['complain_from']; $selectedName = $_SESSION['real_name']; ?> <select name="complain_form_display" class="custom-select" disabled> <option value="<?php echo $selectedValue; ?>"> <?php echo $selectedName; ?> </option> </select>  <input type="hidden" name="complain_form" value="<?php echo $selectedValue; ?>"></pre><p>在这种情况下，complain_form_display是用户看到的禁用下拉框，而complain_form是实际提交到服务器的值。</p></li><li><p><strong>readonly与disabled的区别：</strong></p><ul><li><strong>readonly：</strong> 主要用于文本输入字段，使内容不可编辑，但元素仍可聚焦，且其值会随表单提交。</li><li><strong>disabled：</strong> 适用于所有表单控件，使其完全不可交互，不可聚焦，且其值不会随表单提交。</li></ul></li><li><p><strong>用户体验与样式：</strong> 确保禁用的下拉框在视觉上与可用的下拉框有明显区别。浏览器通常会默认添加灰色样式，但你可以使用CSS进一步自定义[disabled]选择器的样式，以提升用户体验。</p></li></ol><h3>总结</h3><p>要实现HTML下拉选择框（<select>）的只读或禁用效果，最正确且标准的方法是直接在<select>标签上使用disabled属性，而非在<option>标签上使用readonly。disabled属性能够完全阻止用户与下拉框的交互，并使其在视觉上呈现禁用状态。同时，开发者需要注意disabled元素的值不会被提交的特性，并根据实际需求考虑是否需要配合隐藏输入字段来传递数据。通过合理运用disabled属性和服务器端逻辑，可以有效地控制表单元素的交互性，提升应用的健壮性和用户体验。</p><p>今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~</p> </div> <div class="labsList"> </div> </div>  <div class="contBoxNor"> <div class="contTit"> <div class="tit">相关阅读</div> <a href="/articlelist.html" class="more">更多></a> </div> <ul class="latestReadList"> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/84_new_0_1.html" class="aLightGray" title="php教程">php教程</a> | 1个月前 | </div> <div class="tit lineOverflow"><a href="/article/616777.html" title="宝塔配置Ruby环境：RVM+Nginx反代教程" class="aBlack">宝塔配置Ruby环境：RVM+Nginx反代教程</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="616777" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/84_new_0_1.html" class="aLightGray" title="php教程">php教程</a> | 1个月前 | </div> <div class="tit lineOverflow"><a href="/article/616127.html" title="unset函数作用范围详解" class="aBlack">unset函数作用范围详解</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="616127" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/84_new_0_1.html" class="aLightGray" title="php教程">php教程</a> | 2个月前 | <a href="javascript:;" class="aLightGray" title="Xdebug">Xdebug</a> </div> <div class="tit lineOverflow"><a href="/article/598283.html" title="VS Code配置Xdebug教程：PHP调试技巧全解析" class="aBlack">VS Code配置Xdebug教程：PHP调试技巧全解析</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="598283" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/84_new_0_1.html" class="aLightGray" title="php教程">php教程</a> | 2个月前 | <a href="javascript:;" class="aLightGray" title="phpenv">phpenv</a> </div> <div class="tit lineOverflow"><a href="/article/591780.html" title="PHPEnv安装PhpMyAdmin教程详解" class="aBlack">PHPEnv安装PhpMyAdmin教程详解</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="591780" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/84_new_0_1.html" class="aLightGray" title="php教程">php教程</a> | 2个月前 | </div> <div class="tit lineOverflow"><a href="/article/591040.html" title="TelegramBotWebApp数据验证技巧" class="aBlack">TelegramBotWebApp数据验证技巧</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="591040" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> </ul> </div>  <div class="contBoxNor"> <div class="contTit"> <div class="tit">最新阅读</div> <a href="/articlelist.html" class="more">更多></a> </div> <ul class="latestReadList"> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/84_new_0_1.html" class="aLightGray" title="php教程">php教程</a> | 4天前 | <a href="/articletag/1214_new_0_1.html" class="aLightGray" title="nginx">nginx</a> · <a href="/articletag/5276_new_0_1.html" class="aLightGray" title="php-fpm">php-fpm</a> · <a href="/articletag/39782_new_0_1.html" class="aLightGray" title="php教程">php教程</a> · <a href="/articletag/39965_new_0_1.html" class="aLightGray" title="502错误">502错误</a> · <a href="/articletag/40016_new_0_1.html" class="aLightGray" title="故障复盘">故障复盘</a> · <a href="/articletag/40191_new_0_1.html" class="aLightGray" title="慢日志">慢日志</a> · <a href="javascript:;" class="aLightGray" title="Nginx">Nginx</a> <a href="javascript:;" class="aLightGray" title="php-fpm">php-fpm</a> <a href="javascript:;" class="aLightGray" title="性能排查">性能排查</a> <a href="javascript:;" class="aLightGray" title="PHP教程">PHP教程</a> <a href="javascript:;" class="aLightGray" title="502 Bad Gateway">502 Bad Gateway</a> <a href="javascript:;" class="aLightGray" title="pm.max_children">pm.max_children</a> <a href="javascript:;" class="aLightGray" title="慢日志">慢日志</a> </div> <div class="tit lineOverflow"><a href="/article/620227.html" title="PHP-FPM 子进程打满导致 502 怎么排查：从 Nginx 错误日志到 pm.max_children 调整" class="aBlack">PHP-FPM 子进程打满导致 502 怎么排查：从 Nginx 错误日志到 pm.max_children 调整</a></div> <div class="opt"> <span><i class="view"></i>407</span> <span class="collectBtn user_collection" data-id="620227" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/84_new_0_1.html" class="aLightGray" title="php教程">php教程</a> | 5天前 | <a href="/articletag/51_new_0_1.html" class="aLightGray" title="日志">日志</a> · <a href="/articletag/540_new_0_1.html" class="aLightGray" title="HTTP">HTTP</a> · <a href="/articletag/898_new_0_1.html" class="aLightGray" title="超时控制">超时控制</a> · <a href="/articletag/39782_new_0_1.html" class="aLightGray" title="php教程">php教程</a> · <a href="/articletag/40175_new_0_1.html" class="aLightGray" title="接口监控">接口监控</a> · <a href="javascript:;" class="aLightGray" title="请求超时">请求超时</a> <a href="javascript:;" class="aLightGray" title="stream_context_create">stream_context_create</a> <a href="javascript:;" class="aLightGray" title="PHP教程">PHP教程</a> <a href="javascript:;" class="aLightGray" title="PHP HTTP请求">PHP HTTP请求</a> <a href="javascript:;" class="aLightGray" title="接口探测器">接口探测器</a> </div> <div class="tit lineOverflow"><a href="/article/620213.html" title="PHP HTTP 超时探测器怎么写：状态码、耗时和日志验收" class="aBlack">PHP HTTP 超时探测器怎么写：状态码、耗时和日志验收</a></div> <div class="opt"> <span><i class="view"></i>289</span> <span class="collectBtn user_collection" data-id="620213" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/84_new_0_1.html" class="aLightGray" title="php教程">php教程</a> | 5天前 | <a href="/articletag/616_new_0_1.html" class="aLightGray" title="文件上传">文件上传</a> · <a href="/articletag/39745_new_0_1.html" class="aLightGray" title="后端开发">后端开发</a> · <a href="/articletag/39782_new_0_1.html" class="aLightGray" title="php教程">php教程</a> · <a href="/articletag/40164_new_0_1.html" class="aLightGray" title="安全校验">安全校验</a> · <a href="javascript:;" class="aLightGray" title="move_uploaded_file">move_uploaded_file</a> <a href="javascript:;" class="aLightGray" title="$_FILES">$_FILES</a> <a href="javascript:;" class="aLightGray" title="finfo_file">finfo_file</a> <a href="javascript:;" class="aLightGray" title="PHP上传文件">PHP上传文件</a> <a href="javascript:;" class="aLightGray" title="文件安全校验">文件安全校验</a> </div> <div class="tit lineOverflow"><a href="/article/620203.html" title="PHP 上传文件怎么安全校验：$_FILES、finfo 和 move_uploaded_file 实战" class="aBlack">PHP 上传文件怎么安全校验：$_FILES、finfo 和 move_uploaded_file 实战</a></div> <div class="opt"> <span><i class="view"></i>409</span> <span class="collectBtn user_collection" data-id="620203" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/84_new_0_1.html" class="aLightGray" title="php教程">php教程</a> | 5天前 | <a href="/articletag/40157_new_0_1.html" class="aLightGray" title="[]">[]</a> · <a href="javascript:;" class="aLightGray" title="[]">[]</a> </div> <div class="tit lineOverflow"><a href="/article/620194.html" title="PHP Session 高并发为什么会卡住：从文件锁迁到 Redis 会话存储" class="aBlack">PHP Session 高并发为什么会卡住：从文件锁迁到 Redis 会话存储</a></div> <div class="opt"> <span><i class="view"></i>164</span> <span class="collectBtn user_collection" data-id="620194" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/84_new_0_1.html" class="aLightGray" title="php教程">php教程</a> | 6天前 | <a href="/articletag/616_new_0_1.html" class="aLightGray" title="文件上传">文件上传</a> · <a href="/articletag/39782_new_0_1.html" class="aLightGray" title="php教程">php教程</a> · <a href="/articletag/40141_new_0_1.html" class="aLightGray" title="$_FILES">$_FILES</a> · <a href="/articletag/40142_new_0_1.html" class="aLightGray" title="上传安全">上传安全</a> · <a href="/articletag/40143_new_0_1.html" class="aLightGray" title="MIME">MIME</a> · <a href="javascript:;" class="aLightGray" title="PHP文件上传">PHP文件上传</a> <a href="javascript:;" class="aLightGray" title="move_uploaded_file">move_uploaded_file</a> <a href="javascript:;" class="aLightGray" title="$_FILES">$_FILES</a> <a href="javascript:;" class="aLightGray" title="文件校验">文件校验</a> <a href="javascript:;" class="aLightGray" title="MIME">MIME</a> <a href="javascript:;" class="aLightGray" title="PHP教程">PHP教程</a> </div> <div class="tit lineOverflow"><a href="/article/620175.html" title="PHP 文件上传怎么做才安全：从 $_FILES 校验到落盘和清理" class="aBlack">PHP 文件上传怎么做才安全：从 $_FILES 校验到落盘和清理</a></div> <div class="opt"> <span><i class="view"></i>242</span> <span class="collectBtn user_collection" data-id="620175" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/84_new_0_1.html" class="aLightGray" title="php教程">php教程</a> | 1星期前 | <a href="/articletag/1433_new_0_1.html" class="aLightGray" title="PHP">PHP</a> · <a href="/articletag/5304_new_0_1.html" class="aLightGray" title="错误提示">错误提示</a> · <a href="/articletag/39947_new_0_1.html" class="aLightGray" title="表单校验">表单校验</a> · <a href="/articletag/39991_new_0_1.html" class="aLightGray" title="用户体验">用户体验</a> · <a href="/articletag/40122_new_0_1.html" class="aLightGray" title="服务端验证">服务端验证</a> · <a href="javascript:;" class="aLightGray" title="用户体验">用户体验</a> <a href="javascript:;" class="aLightGray" title="表单校验">表单校验</a> <a href="javascript:;" class="aLightGray" title="服务端验证">服务端验证</a> <a href="javascript:;" class="aLightGray" title="PHP教程">PHP教程</a> <a href="javascript:;" class="aLightGray" title="错误回填">错误回填</a> <a href="javascript:;" class="aLightGray" title="字段错误">字段错误</a> <a href="javascript:;" class="aLightGray" title="旧输入">旧输入</a> </div> <div class="tit lineOverflow"><a href="/article/620151.html" title="PHP 表单校验错误怎么回填：保留输入、定位字段和友好提示" class="aBlack">PHP 表单校验错误怎么回填：保留输入、定位字段和友好提示</a></div> <div class="opt"> <span><i class="view"></i>134</span> <span class="collectBtn user_collection" data-id="620151" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/84_new_0_1.html" class="aLightGray" title="php教程">php教程</a> | 1星期前 | <a href="/articletag/220_new_0_1.html" class="aLightGray" title="Redis">Redis</a> · <a href="/articletag/3600_new_0_1.html" class="aLightGray" title="迁移">迁移</a> · <a href="/articletag/4365_new_0_1.html" class="aLightGray" title="session">session</a> · <a href="/articletag/39782_new_0_1.html" class="aLightGray" title="php教程">php教程</a> · <a href="/articletag/39862_new_0_1.html" class="aLightGray" title="登录态">登录态</a> · <a href="javascript:;" class="aLightGray" title="redis">redis</a> <a href="javascript:;" class="aLightGray" title="session">session</a> <a href="javascript:;" class="aLightGray" title="phpredis">phpredis</a> <a href="javascript:;" class="aLightGray" title="PHP教程">PHP教程</a> <a href="javascript:;" class="aLightGray" title="session.save_handler">session.save_handler</a> <a href="javascript:;" class="aLightGray" title="分布式登录">分布式登录</a> <a href="javascript:;" class="aLightGray" title="回归检查">回归检查</a> </div> <div class="tit lineOverflow"><a href="/article/620140.html" title="PHP Session 迁移到 Redis：从本机文件到集中存储的回归检查清单" class="aBlack">PHP Session 迁移到 Redis：从本机文件到集中存储的回归检查清单</a></div> <div class="opt"> <span><i class="view"></i>145</span> <span class="collectBtn user_collection" data-id="620140" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/84_new_0_1.html" class="aLightGray" title="php教程">php教程</a> | 1星期前 | <a href="/articletag/1223_new_0_1.html" class="aLightGray" title="参数校验">参数校验</a> · <a href="/articletag/1433_new_0_1.html" class="aLightGray" title="PHP">PHP</a> · <a href="/articletag/25013_new_0_1.html" class="aLightGray" title="DTO">DTO</a> · <a href="/articletag/39770_new_0_1.html" class="aLightGray" title="接口设计">接口设计</a> · <a href="javascript:;" class="aLightGray" title="php">php</a> <a href="javascript:;" class="aLightGray" title="参数校验">参数校验</a> <a href="javascript:;" class="aLightGray" title="统一错误响应">统一错误响应</a> <a href="javascript:;" class="aLightGray" title="Request DTO">Request DTO</a> <a href="javascript:;" class="aLightGray" title="接口迁移">接口迁移</a> </div> <div class="tit lineOverflow"><a href="/article/620114.html" title="PHP 老接口迁移变更单：从散落 $_POST 到 Request DTO 与统一错误响应" class="aBlack">PHP 老接口迁移变更单：从散落 $_POST 到 Request DTO 与统一错误响应</a></div> <div class="opt"> <span><i class="view"></i>199</span> <span class="collectBtn user_collection" data-id="620114" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/84_new_0_1.html" class="aLightGray" title="php教程">php教程</a> | 1星期前 | <a href="/articletag/1433_new_0_1.html" class="aLightGray" title="PHP">PHP</a> · <a href="/articletag/25404_new_0_1.html" class="aLightGray" title="PRG">PRG</a> · <a href="/articletag/39920_new_0_1.html" class="aLightGray" title="表单提交">表单提交</a> · <a href="/articletag/39990_new_0_1.html" class="aLightGray" title="重复提交">重复提交</a> · <a href="/articletag/39991_new_0_1.html" class="aLightGray" title="用户体验">用户体验</a> · <a href="javascript:;" class="aLightGray" title="用户体验">用户体验</a> <a href="javascript:;" class="aLightGray" title="重复提交">重复提交</a> <a href="javascript:;" class="aLightGray" title="PHP表单">PHP表单</a> <a href="javascript:;" class="aLightGray" title="PRG模式">PRG模式</a> <a href="javascript:;" class="aLightGray" title="闪存消息">闪存消息</a> </div> <div class="tit lineOverflow"><a href="/article/620103.html" title="PHP 表单提交后刷新重复提交怎么办：PRG 模式和闪存提示这样做" class="aBlack">PHP 表单提交后刷新重复提交怎么办：PRG 模式和闪存提示这样做</a></div> <div class="opt"> <span><i class="view"></i>232</span> <span class="collectBtn user_collection" data-id="620103" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/84_new_0_1.html" class="aLightGray" title="php教程">php教程</a> | 2星期前 | <a href="/articletag/1433_new_0_1.html" class="aLightGray" title="PHP">PHP</a> · <a href="/articletag/5276_new_0_1.html" class="aLightGray" title="php-fpm">php-fpm</a> · <a href="/articletag/39902_new_0_1.html" class="aLightGray" title="运维排查">运维排查</a> · <a href="/articletag/40062_new_0_1.html" class="aLightGray" title="慢请求">慢请求</a> · <a href="javascript:;" class="aLightGray" title="运维">运维</a> <a href="javascript:;" class="aLightGray" title="slowlog">slowlog</a> <a href="javascript:;" class="aLightGray" title="php-fpm">php-fpm</a> <a href="javascript:;" class="aLightGray" title="进程池">进程池</a> <a href="javascript:;" class="aLightGray" title="慢请求">慢请求</a> </div> <div class="tit lineOverflow"><a href="/article/620099.html" title="PHP-FPM 慢请求报警运行手册：从 slowlog 到进程池参数调整" class="aBlack">PHP-FPM 慢请求报警运行手册：从 slowlog 到进程池参数调整</a></div> <div class="opt"> <span><i class="view"></i>336</span> <span class="collectBtn user_collection" data-id="620099" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/84_new_0_1.html" class="aLightGray" title="php教程">php教程</a> | 2星期前 | <a href="/articletag/220_new_0_1.html" class="aLightGray" title="Redis">Redis</a> · <a href="/articletag/39767_new_0_1.html" class="aLightGray" title="任务队列">任务队列</a> · <a href="/articletag/39782_new_0_1.html" class="aLightGray" title="php教程">php教程</a> · <a href="/articletag/39841_new_0_1.html" class="aLightGray" title="接口优化">接口优化</a> · <a href="/articletag/40038_new_0_1.html" class="aLightGray" title="后台任务">后台任务</a> · <a href="javascript:;" class="aLightGray" title="异步处理">异步处理</a> <a href="javascript:;" class="aLightGray" title="PHP队列">PHP队列</a> <a href="javascript:;" class="aLightGray" title="后台任务">后台任务</a> <a href="javascript:;" class="aLightGray" title="Redis队列">Redis队列</a> <a href="javascript:;" class="aLightGray" title="接口优化">接口优化</a> <a href="javascript:;" class="aLightGray" title="Job Worker">Job Worker</a> </div> <div class="tit lineOverflow"><a href="/article/620088.html" title="PHP 同步接口队列化改造趋势：从请求内处理到后台 Job Worker" class="aBlack">PHP 同步接口队列化改造趋势：从请求内处理到后台 Job Worker</a></div> <div class="opt"> <span><i class="view"></i>178</span> <span class="collectBtn user_collection" data-id="620088" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/84_new_0_1.html" class="aLightGray" title="php教程">php教程</a> | 2星期前 | <a href="/articletag/39694_new_0_1.html" class="aLightGray" title="内存优化">内存优化</a> · <a href="/articletag/39782_new_0_1.html" class="aLightGray" title="php教程">php教程</a> · <a href="/articletag/39908_new_0_1.html" class="aLightGray" title="后端排查">后端排查</a> · <a href="/articletag/40035_new_0_1.html" class="aLightGray" title="CSV导出">CSV导出</a> · <a href="javascript:;" class="aLightGray" title="php">php</a> <a href="javascript:;" class="aLightGray" title="生成器">生成器</a> <a href="javascript:;" class="aLightGray" title="内存耗尽">内存耗尽</a> <a href="javascript:;" class="aLightGray" title="fputcsv">fputcsv</a> <a href="javascript:;" class="aLightGray" title="CSV导出">CSV导出</a> <a href="javascript:;" class="aLightGray" title="流式写入">流式写入</a> </div> <div class="tit lineOverflow"><a href="/article/620086.html" title="PHP 导出大数据内存耗尽排查：从一次性数组到流式写 CSV" class="aBlack">PHP 导出大数据内存耗尽排查：从一次性数组到流式写 CSV</a></div> <div class="opt"> <span><i class="view"></i>471</span> <span class="collectBtn user_collection" data-id="620086" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> </ul> </div>  <div class="contBoxNor"> <div class="contTit"> <div class="tit">课程推荐</div> <a href="/courselist.html" class="more">更多></a> </div> <ul class="classRecomList"> <li> <a href="/course/9.html" title="前端进阶之JavaScript设计模式" class="img_box"> <img src="/uploads/20221222/52fd0f23a454c71029c2c72d206ed815.jpg" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="前端进阶之JavaScript设计模式"> </a> <dl> <dt class="lineOverflow"> 前端进阶之JavaScript设计模式 </dt> <dd class="cont1 lineOverflow">设计模式是开发人员在软件开发过程中面临一般问题时的解决方案，代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景，打造一站式知识长龙服务，适合有JS基础的同学学习。</dd> <dd class="cont2"> <a href="/course/9.html" title="前端进阶之JavaScript设计模式" class="toStudy">立即学习</a> <span>543次学习</span> </dd> </dl> </li> <li> <a href="/course/2.html" title="GO语言核心编程课程" class="img_box"> <img src="/uploads/20221221/634ad7404159bfefc6a54a564d437b5f.png" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="GO语言核心编程课程"> </a> <dl> <dt class="lineOverflow"> GO语言核心编程课程 </dt> <dd class="cont1 lineOverflow">本课程采用真实案例，全面具体可落地，从理论到实践，一步一步将GO核心编程技术、编程思想、底层实现融会贯通，使学习者贴近时代脉搏，做IT互联网时代的弄潮儿。</dd> <dd class="cont2"> <a href="/course/2.html" title="GO语言核心编程课程" class="toStudy">立即学习</a> <span>516次学习</span> </dd> </dl> </li> <li> <a href="/course/74.html" title="简单聊聊mysql8与网络通信" class="img_box"> <img src="/uploads/20240103/bad35fe14edbd214bee16f88343ac57c.png" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="简单聊聊mysql8与网络通信"> </a> <dl> <dt class="lineOverflow"> 简单聊聊mysql8与网络通信 </dt> <dd class="cont1 lineOverflow">如有问题加微信：Le-studyg；在课程中，我们将首先介绍MySQL8的新特性，包括性能优化、安全增强、新数据类型等，帮助学生快速熟悉MySQL8的最新功能。接着，我们将深入解析MySQL的网络通信机制，包括协议、连接管理、数据传输等，让</dd> <dd class="cont2"> <a href="/course/74.html" title="简单聊聊mysql8与网络通信" class="toStudy">立即学习</a> <span>500次学习</span> </dd> </dl> </li> <li> <a href="/course/57.html" title="JavaScript正则表达式基础与实战" class="img_box"> <img src="/uploads/20221226/bbe4083bb3cb0dd135fb02c31c3785fb.jpg" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="JavaScript正则表达式基础与实战"> </a> <dl> <dt class="lineOverflow"> JavaScript正则表达式基础与实战 </dt> <dd class="cont1 lineOverflow">在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。</dd> <dd class="cont2"> <a href="/course/57.html" title="JavaScript正则表达式基础与实战" class="toStudy">立即学习</a> <span>487次学习</span> </dd> </dl> </li> <li> <a href="/course/28.html" title="从零制作响应式网站—Grid布局" class="img_box"> <img src="/uploads/20221223/ac110f88206daeab6c0cf38ebf5fe9ed.jpg" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="从零制作响应式网站—Grid布局"> </a> <dl> <dt class="lineOverflow"> 从零制作响应式网站—Grid布局 </dt> <dd class="cont1 lineOverflow">本系列教程将展示从零制作一个假想的网络科技公司官网，分为导航，轮播，关于我们，成功案例，服务流程，团队介绍，数据部分，公司动态，底部信息等内容区块。网站整体采用CSSGrid布局，支持响应式，有流畅过渡和展现动画。</dd> <dd class="cont2"> <a href="/course/28.html" title="从零制作响应式网站—Grid布局" class="toStudy">立即学习</a> <span>485次学习</span> </dd> </dl> </li> </ul> </div> </div>  <div class="footer"> <ul> <li ><a href="/" class="aLightGray"><em class="navIcon navIconHome"></em><span>首页</span></a></li> <li class="curr"><a href="/articlelist.html" class="aLightGray"><em class="navIcon navIconRead"></em><span>阅读</span></a></li> <li ><a href="/courselist.html" class="aLightGray"><em class="navIcon navIconCourse"></em><span>课程</span></a></li> <li ><a href="/ai.html" class="aLightGray"><em class="navIcon navIconAi"></em><span>AI助手</span></a></li> <li ><a href="/user.html" class="aLightGray"><em class="navIcon navIconUser"></em><span>我的</span></a></li> </ul> </div> <script src="/assets/js/frontend/common.js" defer></script> <script src="/assets/js/juejin-theme.js?v=20260613b" defer></script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?e34c3e8ab31ba35d7e1c48ea8d77315f"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>