HTML表单如何收集用户输入？怎样处理表单提交的数据？

HTML表单通过标签和输入控件收集用户数据，提交时根据action和method属性将数据发送至服务器，由后端程序解析处理。常见控件包括文本框、密码框、邮箱、日期选择器、复选框、单选按钮、文件上传等，各用于不同数据类型输入。GET方法将数据附加在URL后，适合小量非敏感数据查询；POST方法将数据放在请求体中，适合传输敏感或大量数据。服务器端需验证、清洗数据，防止XSS和SQL注入，并使用CSRF令牌、HTTPS等机制保障安全。

HTML表单主要通过

</pre>、<pre class="brush:php;toolbar:false;"><select></pre>等）来收集用户在网页上的数据。当用户填写完信息并提交时，表单会根据其<pre class="brush:php;toolbar:false;">action</pre>属性指定的URL和<pre class="brush:php;toolbar:false;">method</pre>属性（通常是GET或POST）将这些数据发送到服务器。服务器端的应用程序或脚本（比如用PHP、Python、Node.js等编写的）负责解析这些传入的数据，进行处理，如存储到数据库、发送邮件或生成报告等。</p>
<p>表单的核心在于它搭建了用户与服务器之间数据交换的桥梁。我个人觉得，理解这个过程，就像理解一次邮件投递：你把信息写好（用户输入），放进信封（表单控件），写上收件地址和寄送方式（<pre class="brush:php;toolbar:false;">action</pre>和<pre class="brush:php;toolbar:false;">method</pre>），然后投入邮筒（提交）。至于邮局怎么处理，就是服务器端的事情了。</p>
<h3>解决方案</h3>
<p>HTML表单的数据收集和处理是一个分阶段的过程，从前端的界面构建到后端的数据接收与逻辑处理。</p>
<p>首先，在HTML中，我们使用<pre class="brush:php;toolbar:false;"><form></pre>标签来定义一个表单区域。这个标签有两个最重要的属性：<pre class="brush:php;toolbar:false;">action</pre>和<pre class="brush:php;toolbar:false;">method</pre>。<pre class="brush:php;toolbar:false;">action</pre>指定了表单数据提交到哪个URL，也就是服务器上哪个脚本或接口来接收和处理数据。<pre class="brush:php;toolbar:false;">method</pre>则定义了数据传输的方式，主要是GET或POST。</p>
<p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p>
<p>在<pre class="brush:php;toolbar:false;"><form></pre>标签内部，我们会放置各种用户输入控件，比如单行文本框（<pre class="brush:php;toolbar:false;"><input type="text"></pre>）、密码框（<pre class="brush:php;toolbar:false;"><input type="password"></pre>）、多行文本域（<pre class="brush:php;toolbar:false;"><textarea></pre>）、下拉选择框（<pre class="brush:php;toolbar:false;"><select></pre>）、单选按钮（<pre class="brush:php;toolbar:false;"><input type="radio"></pre>）、复选框（<pre class="brush:php;toolbar:false;"><input type="checkbox"></pre>）以及文件上传（<pre class="brush:php;toolbar:false;"><input type="file"></pre>）等等。这些控件都必须有一个<pre class="brush:php;toolbar:false;">name</pre>属性，这个<pre class="brush:php;toolbar:false;">name</pre>就是数据提交时键值对中的“键”，服务器端就是通过这个<pre class="brush:php;toolbar:false;">name</pre>来识别和获取对应的数据。</p>
<p>当用户点击提交按钮（通常是<pre class="brush:php;toolbar:false;"><input type="submit"></pre>或<pre class="brush:php;toolbar:false;"><button type="submit"></pre>）时，<a style="color:#f60; text-decoration:underline;" title="浏览器" href="https://www.php.cn/zt/16180.html" target="_blank">浏览器</a>会收集所有带有<pre class="brush:php;toolbar:false;">name</pre>属性的表单控件的值，并将它们打包成请求发送到<pre class="brush:php;toolbar:false;">action</pre>指定的URL。如果<pre class="brush:php;toolbar:false;">method</pre>是GET，数据会附加在URL后面，以查询字符串的形式（例如<pre class="brush:php;toolbar:false;">url?name1=value1&name2=value2</pre>）发送；如果是POST，数据则会放在HTTP请求体中发送，用户在浏览器地址栏看不到。</p>
<p>服务器端接收到请求后，会根据请求方法和数据格式解析出提交的数据。不同的服务器端语言和框架有不同的方式来获取这些数据，例如PHP会把GET请求的数据放入<pre class="brush:php;toolbar:false;">$_GET</pre>超全局数组，POST请求的数据放入<pre class="brush:php;toolbar:false;">$_POST</pre>超全局数组。Node.js的Express框架可以通过<pre class="brush:php;toolbar:false;">req.query</pre>获取GET数据，<pre class="brush:php;toolbar:false;">req.body</pre>获取POST数据。Python的Flask框架则通过<pre class="brush:php;toolbar:false;">request.args</pre>和<pre class="brush:php;toolbar:false;">request.form</pre>来获取。</p>
<p>获取到数据后，服务器端会进行一系列处理：最关键的是<strong>数据验证</strong>（Validation），确保数据符合预期格式、类型和业务规则；接着是<strong>数据清洗/消毒</strong>（Sanitization），去除潜在的恶意代码或不必要字符；然后才是执行业务逻辑，比如将数据写入数据库、调用外部API或生成响应。最后，服务器会向浏览器返回一个响应，告知用户操作结果，可能是重定向到另一个页面，或者显示成功/失败消息。</p>
<h3>HTML表单常见的输入控件有哪些？它们各自的用途是什么？</h3>
<p>说到表单，我们能想到的最直接的就是那些让用户填东西的框框。其实HTML提供了相当多的输入控件，每一种都有其特定的应用场景和设计哲学，远不止一个简单的文本框。在我看来，这些控件的设计就是为了尽可能地适应各种数据类型和用户交互习惯，让数据收集变得更自然。</p>
<ul>
<li>
<strong>文本输入框 (<pre class="brush:php;toolbar:false;"><input type="text"></pre>)</strong>：这是最基础也最常用的控件，用于收集单行的普通文本，比如用户名、标题、搜索关键词。它简单直接，但功能相对单一。</li>
<li>
<strong>密码输入框 (<pre class="brush:php;toolbar:false;"><input type="password"></pre>)</strong>：与文本框类似，但用户输入的内容会被遮蔽（显示为星号或圆点），主要用于收集密码或其他敏感信息。需要注意的是，这只是前端的显示效果，数据传输时仍然是明文，因此后端加密处理至关重要。</li>
<li>
<strong>电子邮件 (<pre class="brush:php;toolbar:false;"><input type="email"></pre>)、URL (<pre class="brush:php;toolbar:false;"><input type="url"></pre>)、电话号码 (<pre class="brush:php;toolbar:false;"><input type="tel"></pre>)</strong>：这些是HTML5新增的语义化输入类型。它们在视觉上可能与普通文本框无异，但在移动设备上可能会调出专用键盘，并且浏览器会进行基本的格式验证（例如检查电子邮件是否包含“@”符号）。这极大提升了用户体验，也为前端初步验证提供了便利。</li>
<li>
<strong>数字 (<pre class="brush:php;toolbar:false;"><input type="number"></pre>) 和范围 (<pre class="brush:php;toolbar:false;"><input type="range"></pre>)</strong>：<pre class="brush:php;toolbar:false;">number</pre>用于输入数字，通常带有增减按钮，可以设置<pre class="brush:php;toolbar:false;">min</pre>、<pre class="brush:php;toolbar:false;">max</pre>和<pre class="brush:php;toolbar:false;">step</pre>属性。<pre class="brush:php;toolbar:false;">range</pre>则提供一个滑动条，让用户在一个范围内选择一个值，常用于音量、亮度等不需要精确数字的场景。</li>
<li>
<strong>日期/<a style="color:#f60; text-decoration:underline;" title="时间选择器" href="https://www.php.cn/zt/33494.html" target="_blank">时间选择器</a> (<pre class="brush:php;toolbar:false;"><input type="date"></pre>, <pre class="brush:php;toolbar:false;"><input type="time"></pre>, <pre class="brush:php;toolbar:false;"><input type="datetime-local"></pre>, <pre class="brush:php;toolbar:false;"><input type="week"></pre>, <pre class="brush:php;toolbar:false;"><input type="month"></pre>)</strong>：这些控件在现代浏览器中通常会弹出日历或时间选择界面，极大地简化了日期和时间的输入。它们能有效避免用户输入格式错误，提升数据质量。</li>
<li>
<strong>复选框 (<pre class="brush:php;toolbar:false;"><input type="checkbox"></pre>)</strong>：允许用户从多个选项中选择零个、一个或多个。每个复选框通常有自己的<pre class="brush:php;toolbar:false;">name</pre>和<pre class="brush:php;toolbar:false;">value</pre>，如果被选中，其<pre class="brush:php;toolbar:false;">value</pre>就会被提交。</li>
<li>
<strong>单选按钮 (<pre class="brush:php;toolbar:false;"><input type="radio"></pre>)</strong>：与复选框类似，但同一组（拥有相同<pre class="brush:php;toolbar:false;">name</pre>属性）的单选按钮中，用户只能选择一个。这非常适合“非此即彼”的选择场景。</li>
<li>
<strong>文件上传 (<pre class="brush:php;toolbar:false;"><input type="file"></pre>)</strong>：允许用户从本地设备选择一个或多个文件上传到服务器。需要注意的是，包含文件上传的表单必须设置<pre class="brush:php;toolbar:false;">enctype="multipart/form-data"</pre>属性，否则文件内容无法正确传输。</li>
<li>
<strong>多行文本域 (<pre class="brush:php;toolbar:false;"><textarea></pre>)</strong>：用于收集较长的文本内容，如评论、留言、详细描述等。它没有<pre class="brush:php;toolbar:false;">value</pre>属性，内容直接写在开始和结束标签之间。</li>
<li>
<strong>下拉选择框 (<pre class="brush:php;toolbar:false;"><select></pre>) 和选项 (<pre class="brush:php;toolbar:false;"><option></pre>)</strong>：当有大量预设选项供用户选择时，下拉框是很好的选择。<pre class="brush:php;toolbar:false;"><select></pre>定义下拉框本身，<pre class="brush:php;toolbar:false;"><option></pre>定义每个可选项。如果设置了<pre class="brush:php;toolbar:false;">multiple</pre>属性，用户可以按住Ctrl/Cmd键选择多个选项。</li>
<li>
<strong>隐藏域 (<pre class="brush:php;toolbar:false;"><input type="hidden"></pre>)</strong>：这个控件对用户不可见，但其<pre class="brush:php;toolbar:false;">value</pre>会随表单一起提交。常用于传递一些不需要用户看到或修改的额外数据，比如用户ID、会话令牌或表单版本号。</li>
</ul>
<p>选择合适的控件，不仅是技术实现，更是用户体验设计的一部分。一个设计糟糕的表单，哪怕功能再强大，也可能让用户望而却步。</p>
<h3>GET和POST方法在<a style="color:#f60; text-decoration:underline;" title="表单提交" href="https://www.php.cn/zt/39720.html" target="_blank">表单提交</a>中有什么<a style="color:#f60; text-decoration:underline;" title="区别" href="https://www.php.cn/zt/27988.html" target="_blank">区别</a>？何时选择哪种方法？</h3>
<p>GET和POST是HTTP协议中最常用的两种请求方法，它们在表单提交中的表现和适用场景有着本质的区别。这就像寄信，平信和挂号信虽然都能把信送达，但方式和保障可大不相同。</p>
<p><strong>GET 方法</strong></p>
<ul>
<li>
<strong>数据传输方式</strong>：数据会附加在URL的末尾，以查询字符串（Query String）的形式发送。例如：<pre class="brush:php;toolbar:false;">http://example.com/search?query=hello&category=web</pre>。</li>
<li>
<strong>可见性</strong>：数据在浏览器地址栏中是可见的，并且会被浏览器历史记录、书签等记录下来。</li>
<li>
<strong>数据量限制</strong>：由于URL长度的限制（不同浏览器和服务器有差异，但通常在几KB到几十KB），GET方法不适合传输大量数据。</li>
<li>
<strong>安全性</strong>：数据在URL中暴露，不适合传输敏感信息，如密码。虽然不是加密问题，但可见性本身就是一种风险。</li>
<li>
<strong>幂等性</strong>：GET请求是幂等的，意味着多次提交同一个GET请求，对服务器资源不会产生副作用（或副作用可以忽略）。它主要用于获取数据，不会改变服务器状态。</li>
<li>
<strong>缓存</strong>：GET请求可以被浏览器缓存，这有助于提高加载速度。</li>
</ul>
<p><strong>POST 方法</strong></p><div class="aritcle_card flexRow">
							<div class="artcardd flexRow">
								<a class="aritcle_card_img" href="/ai/736" title="Replit Ghostwrite"><img
										src="https://img.php.cn/upload/ai_manual/001/246/273/68b6cd706bf76115.png" alt="Replit Ghostwrite"></a>
								<div class="aritcle_card_info flexColumn">
									<a href="/ai/736" title="Replit Ghostwrite">Replit Ghostwrite</a>
									<p>一种基于 ML 的工具，可提供代码完成、生成、转换和编辑器内搜索功能。</p>
								</div>
								<a href="/ai/736" title="Replit Ghostwrite" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
							</div>
						</div>
<ul>
<li>
<strong>数据传输方式</strong>：数据被封装在HTTP请求的请求体（Request Body）中发送，不会出现在URL中。</li>
<li>
<strong>可见性</strong>：数据在浏览器地址栏中不可见，也不会被浏览器历史记录和书签记录。</li>
<li>
<strong>数据量限制</strong>：理论上没有数据量限制，可以传输大量数据，包括文件。</li>
<li>
<strong>安全性</strong>：相对GET更安全，因为数据不暴露在URL中，适合传输敏感信息。但这不意味着数据是加密的，<a style="color:#f60; text-decoration:underline;" title="敏感数据" href="https://www.php.cn/zt/36496.html" target="_blank">敏感数据</a>仍需通过HTTPS加密传输。</li>
<li>
<strong>幂等性</strong>：POST请求不是幂等的。多次提交同一个POST请求，可能会在服务器上创建多个资源或产生多次操作，例如多次提交订单会导致多次扣款。它主要用于提交数据，改变服务器状态。</li>
<li>
<strong>缓存</strong>：POST请求通常不会被浏览器缓存。</li>
</ul>
<p><strong>何时选择哪种方法？</strong></p>
<p>选择GET还是POST，主要取决于你提交的数据的性质以及你希望服务器如何处理这些数据。</p>
<ul>
<li>
<p><strong>选择 GET</strong>：</p>
<ul>
<li>
<strong>用于数据查询或检索</strong>：当你只是想从服务器获取数据，并且不改变服务器状态时，如搜索、筛选、获取文章列表。</li>
<li>
<strong>希望用户可以分享或收藏结果页面</strong>：因为数据在URL中，用户可以把带有查询参数的URL分享给他人，或者收藏起来以便下次直接访问。</li>
<li>
<strong>数据量小且不敏感</strong>：例如，一个简单的筛选条件，或者一个页面ID。</li>
</ul>
</li>
<li>
<p><strong>选择 POST</strong>：</p>
<ul>
<li>
<strong>用于提交敏感数据</strong>：如用户登录（用户名、密码）、注册信息、信用卡号等。</li>
<li>
<strong>用于创建、更新或删除服务器资源</strong>：任何会对服务器数据产生改变的操作，如发布新文章、提交订单、修改个人资料、上传文件。</li>
<li>
<strong>传输大量数据</strong>：当表单包含大量字段或需要上传文件时，POST是唯一选择。</li>
<li>
<strong>不希望数据暴露在URL中</strong>：出于隐私或业务逻辑考虑，不希望用户看到或分享特定的提交数据。</li>
</ul>
</li>
</ul>
<p>一个常见的误区是认为GET不安全而POST安全。实际上，两者在传输层面都没有提供加密，都需要依赖HTTPS协议来保障数据在传输过程中的机密性。GET的主要“不安全”在于其可见性，而POST则在于其非幂等性可能导致的副作用。在实际开发中，我通常会遵循“查询用GET，修改用POST”的原则，这不仅符合HTTP语义，也有助于维护系统的清晰逻辑和可预测性。</p>
<h3>服务器端如何安全有效地处理HTML表单提交的数据？</h3>
<p>服务器端处理表单提交的数据，这可不是简单地把数据拿过来就完事了。这里面涉及到数据完整性、安全性、性能等多个层面的考量，甚至可以说，这是整个Web应用安全的核心防线之一。如果把前端比作用户提交材料的窗口，那服务器端就是审核、处理这些材料的政府部门，任何一个环节的疏忽都可能带来严重的后果。</p>
<ol>
<li>
<p><strong>数据获取与解析</strong></p>
<ul>
<li>
<strong>识别请求方法</strong>：首先，服务器端程序需要判断请求是GET还是POST，这决定了数据是从URL查询字符串还是请求体中获取。</li>
<li>
<strong>获取参数</strong>：利用服务器端语言或框架提供的API（如PHP的<pre class="brush:php;toolbar:false;">$_GET</pre>、<pre class="brush:php;toolbar:false;">$_POST</pre>，Node.js Express的<pre class="brush:php;toolbar:false;">req.query</pre>、<pre class="brush:php;toolbar:false;">req.body</pre>，Python Flask的<pre class="brush:php;toolbar:false;">request.args</pre>、<pre class="brush:php;toolbar:false;">request.form</pre>）来获取对应<pre class="brush:php;toolbar:false;">name</pre>属性的表单值。对于文件上传，通常有专门的文件处理模块来解析<pre class="brush:php;toolbar:false;">multipart/form-data</pre>类型的数据。</li>
</ul>
</li>
<li>
<p><strong>数据验证 (Validation)</strong></p>
<ul>
<li>
<strong>服务器端验证是强制性的</strong>：永远不要相信来自客户端的任何数据！即使前端做了验证，用户也可以绕过。服务器端必须对所有接收到的数据进行严格的验证。</li>
<li>
<strong>规则检查</strong>：<ul>
<li>
<strong>必填项检查</strong>：确保所有必需的字段都已填写。</li>
<li>
<strong>数据类型检查</strong>：确保数据是预期的类型（例如，数字字段确实是数字，日期字段是有效日期）。</li>
<li>
<strong>格式检查</strong>：例如，电子邮件地址是否符合标准格式，电话号码是否符合特定区域规则，URL是否有效。可以使用正则表达式进行复杂的格式匹配。</li>
<li>
<strong>长度检查</strong>：确保字符串长度在允许的范围内，防止过长导致数据库溢出或显示问题。</li>
<li>
<strong>范围检查</strong>：对于数字或日期，确保它们在合理的最小值和最大值之间。</li>
<li>
<strong>业务逻辑验证</strong>：例如，用户输入的年龄是否合理，库存数量是否足够，用户ID是否存在。</li>
</ul>
</li>
<li>
<strong>错误处理</strong>：如果验证失败，不要直接报错给用户看一堆技术栈信息。应该返回清晰、友好的错误消息给前端，指出具体哪个字段出了问题，并引导用户修正。</li>
</ul>
</li>
<li>
<p><strong>数据清洗与消毒 (Sanitization & Escaping)</strong></p>
<ul>
<li>
<strong>防止XSS (Cross-Site Scripting)</strong>：这是最常见的Web漏洞之一。当用户输入的数据被直接显示在页面上时，如果其中包含恶意脚本（如<pre class="brush:php;toolbar:false;"><script>alert('hack');</script></pre>），这些脚本就会在其他用户的浏览器中执行。<ul><li>
<strong>解决方案</strong>：在将用户输入的数据输出到HTML页面之前，必须对其进行“HTML实体编码”（HTML Entity Encoding），将特殊字符（如<pre class="brush:php;toolbar:false;"><</pre>、<pre class="brush:php;toolbar:false;">></pre>、<pre class="brush:php;toolbar:false;">&</pre>、<pre class="brush:php;toolbar:false;">"</pre>、<pre class="brush:php;toolbar:false;">'</pre>）转换为它们的HTML实体（如<pre class="brush:php;toolbar:false;">zuojiankuohaophpcn</pre>、<pre class="brush:php;toolbar:false;">youjiankuohaophpcn</pre>）。大多数现代模板引擎和框架都内置了自动转义功能，但开发者仍需确保其被正确启用。</li></ul>
</li>
<li>
<strong>防止SQL注入 (SQL Injection)</strong>：当用户输入的数据被直接拼接到SQL查询语句中时，攻击者可以通过构造恶意输入来修改、删除甚至窃取数据库数据。<ul><li>
<strong>解决方案</strong>：<strong>使用预处理语句（Prepared Statements）或参数化查询（Parameterized Queries）</strong>。这是防止SQL注入最有效且推荐的方法。它将SQL代码和数据分开处理，数据库在执行查询前会先解析SQL结构，而不是将用户输入作为SQL的一部分。</li></ul>
</li>
<li>
<strong>通用输入消毒</strong>：根据业务需求，移除或转换不必要的字符。例如，去除用户输入字符串两端的空白字符（<pre class="brush:php;toolbar:false;">trim()</pre>），或者只允许特定的字符集。对于文件上传，还需要检查文件类型（MIME Type）、大小，甚至进行病毒扫描。文件上传后，务必重命名文件，避免使用用户上传的文件名，以防路径遍历攻击或执行恶意文件。</li>
</ul>
</li>
<li>
<p><strong>业务逻辑处理</strong></p>
<ul>
<li>
<strong>数据持久化</strong>：将验证和消毒后的数据存储到数据库（如MySQL、PostgreSQL、MongoDB等）。</li>
<li>
<strong>其他操作</strong>：发送电子邮件、调用第三方API、更新缓存、触发后台任务等。</li>
</ul>
</li>
<li>
<p><strong>安全性增强</strong></p>
<ul>
<li>
<strong>CSRF (Cross-Site Request Forgery) 保护</strong>：对于POST请求，特别是涉及到用户敏感操作（如修改密码、转账）的表单，应使用CSRF令牌（Token）来防止跨站请求伪造攻击。服务器生成一个随机的、一次性的令牌，嵌入到表单中，并在提交时验证该令牌。</li>
<li>
<strong>HTTPS</strong>：确保整个网站都使用HTTPS，对传输中的数据进行加密，防止中间人攻击窃听数据。</li>
<li>
<strong>限流与防暴力破解</strong>：对于登录或注册等接口，实施请求限流，防止恶意用户通过暴力破解或大量请求消耗服务器资源。</li>
</ul>
</li>
</ol>
<p>处理表单数据是一个系统工程，涉及前端、后端、数据库和安全策略的协同。我个人在开发中，总是把数据验证和消毒放在最优先的位置，因为这是保障应用安全和数据质量的基石。在这一点上，再怎么强调都不为过。</p>					</div>
					<div class="artmoreart ">
													<div class="artdp artptit"><span></span>
								<p>相关文章</p>
							</div>
							<div class="artmores flexColumn">
																	<a class="artmrlis flexRow" href="/faq/1773399.html" title="PHP与AJAX实现待办列表任务的无刷新删除功能"><b></b>
										<p class="overflowclass">PHP与AJAX实现待办列表任务的无刷新删除功能</p>
									</a>
																	<a class="artmrlis flexRow" href="/faq/1771727.html" title="HTML表单数据怎么存储_HTML表单提交后数据存储到数据库的方法"><b></b>
										<p class="overflowclass">HTML表单数据怎么存储_HTML表单提交后数据存储到数据库的方法</p>
									</a>
																	<a class="artmrlis flexRow" href="/faq/1769516.html" title="PHP与AJAX实现无刷新待办事项删除教程"><b></b>
										<p class="overflowclass">PHP与AJAX实现无刷新待办事项删除教程</p>
									</a>
																	<a class="artmrlis flexRow" href="/faq/1734784.html" title="Windows用XAMPP搭建HTML本地开发环境教程"><b></b>
										<p class="overflowclass">Windows用XAMPP搭建HTML本地开发环境教程</p>
									</a>
																	<a class="artmrlis flexRow" href="/faq/1729511.html" title="解决Node.js应用中HTML表单POST请求失效及数据库重复键错误"><b></b>
										<p class="overflowclass">解决Node.js应用中HTML表单POST请求失效及数据库重复键错误</p>
									</a>
															</div>
													<div class="aritcle_card flexRow">
							<div class="artcardd flexRow">
								<a class="aritcle_card_img" href="https://pan.quark.cn/s/f4eedefabd61" title="HTML速学教程(入门课程)"><img
										src="https://img.php.cn/upload/Recdownload/000/000/085/66723a3016a41308.jpg" alt="HTML速学教程(入门课程)"></a>
								<div class="aritcle_card_info flexColumn">
									<a href="https://pan.quark.cn/s/f4eedefabd61" title="HTML速学教程(入门课程)">HTML速学教程(入门课程)</a>
									<p>HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！</p>
								</div>
								<a href="https://pan.quark.cn/s/f4eedefabd61" title="HTML速学教程(入门课程)" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
							</div>
						</div>							<div class="artmoretabs flexRow">
								<p>相关标签:</p>
								<div class="mtbs flexRow">
									<a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/15713.html" target="_blank">mysql</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/15730.html" target="_blank">python</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/16002.html" target="_blank">mongodb</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/16180.html" target="_blank">浏览器</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/17539.html" target="_blank">ai</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/21185.html" target="_blank">邮箱</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/27988.html" target="_blank">区别</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/33494.html" target="_blank">时间选择器</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/36496.html" target="_blank">敏感数据</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/38438.html" target="_blank">防止sql注入</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/39720.html" target="_blank">表单提交</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=Python" target="_blank">Python</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=php" target="_blank">php</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=sql" target="_blank">sql</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=mysql" target="_blank">mysql</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=flask" target="_blank">flask</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=html5" target="_blank">html5</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=正则表达式" target="_blank">正则表达式</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=html" target="_blank">html</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=xss" target="_blank">xss</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=csrf" target="_blank">csrf</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=express" target="_blank">express</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=数据类型" target="_blank">数据类型</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=String" target="_blank">String</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=封装" target="_blank">封装</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=select" target="_blank">select</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=checkbox" target="_blank">checkbox</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=date" target="_blank">date</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=Token" target="_blank">Token</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=字符串" target="_blank">字符串</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=接口" target="_blank">接口</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=栈" target="_blank">栈</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=堆" target="_blank">堆</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=JS" target="_blank">JS</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=number" target="_blank">number</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=alert" target="_blank">alert</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=选择器" target="_blank">选择器</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=input" target="_blank">input</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=mongodb" target="_blank">mongodb</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=postgresql" target="_blank">postgresql</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=数据库" target="_blank">数据库</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=http" target="_blank">http</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=https" target="_blank">https</a>								</div>
							</div>
						
						<p class="statement">本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn</p>
						<div class="lastanext flexRow">
													<a class="lastart flexRow" href="/faq/1459867.html" title="HTML如何设置默认选项样式？default伪类的用法是什么？"><span>上一篇：</span>HTML如何设置默认选项样式？default伪类的用法是什么？</a>
													<a class="nextart flexRow" href="/faq/1460033.html" title="HTML如何设置表单重置按钮？input type="reset"的作用是什么？"><span>下一篇：</span>HTML如何设置表单重置按钮？input type="reset"的作用是什么？</a>
												</div>
					</div>

					<div class="artlef-down ">
													<div class="authormore ">
								<div class="rightdTitle flexRow">
									<div class="title-left flexRow"> <b></b>
										<p>作者最新文章</p>
									</div>
								</div>
																	<div class="authlist flexColumn">
										<div class="autharts flexRow">
											<a class="autharta flexRow " href="/faq/2018691.html" title="Win11怎么合并磁盘分区 Windows11磁盘管理合并空间方法"><b></b>
												<p class="overflowclass">Win11怎么合并磁盘分区 Windows11磁盘管理合并空间方法</p>
											</a>
											<div class="authtime flexRow"><b></b>
												<p>2026-01-22 18:34</p>
											</div>
										</div>
								</div>
																	<div class="authlist flexColumn">
										<div class="autharts flexRow">
											<a class="autharta flexRow " href="/faq/2018780.html" title="苹果Safari怎么翻译网页 Safari浏览器网页翻译功能使用教程【iOS17】"><b></b>
												<p class="overflowclass">苹果Safari怎么翻译网页 Safari浏览器网页翻译功能使用教程【iOS17】</p>
											</a>
											<div class="authtime flexRow"><b></b>
												<p>2026-01-22 18:53</p>
											</div>
										</div>
								</div>
																	<div class="authlist flexColumn">
										<div class="autharts flexRow">
											<a class="autharta flexRow " href="/faq/2018784.html" title="如何用AI生成证件照？在家就能搞定标准证件照"><b></b>
												<p class="overflowclass">如何用AI生成证件照？在家就能搞定标准证件照</p>
											</a>
											<div class="authtime flexRow"><b></b>
												<p>2026-01-22 18:54</p>
											</div>
										</div>
								</div>
																	<div class="authlist flexColumn">
										<div class="autharts flexRow">
											<a class="autharta flexRow " href="/faq/2018799.html" title="电脑忘记开机密码怎么办 Windows绕过开机密码进入系统教程"><b></b>
												<p class="overflowclass">电脑忘记开机密码怎么办 Windows绕过开机密码进入系统教程</p>
											</a>
											<div class="authtime flexRow"><b></b>
												<p>2026-01-22 18:57</p>
											</div>
										</div>
								</div>
																	<div class="authlist flexColumn">
										<div class="autharts flexRow">
											<a class="autharta flexRow " href="/faq/2018835.html" title="Windows怎么设置文件共享 Win10/Win11局域网文件夹共享教程"><b></b>
												<p class="overflowclass">Windows怎么设置文件共享 Win10/Win11局域网文件夹共享教程</p>
											</a>
											<div class="authtime flexRow"><b></b>
												<p>2026-01-22 19:03</p>
											</div>
										</div>
								</div>
																	<div class="authlist flexColumn">
										<div class="autharts flexRow">
											<a class="autharta flexRow " href="/faq/2018871.html" title="免费AI语音转文字工具，会议纪要整理神器"><b></b>
												<p class="overflowclass">免费AI语音转文字工具，会议纪要整理神器</p>
											</a>
											<div class="authtime flexRow"><b></b>
												<p>2026-01-22 19:09</p>
											</div>
										</div>
								</div>
																	<div class="authlist flexColumn">
										<div class="autharts flexRow">
											<a class="autharta flexRow " href="/faq/2018907.html" title="Win11怎么查看已保存的WiFi密码 Windows11显示无线网络密钥教程"><b></b>
												<p class="overflowclass">Win11怎么查看已保存的WiFi密码 Windows11显示无线网络密钥教程</p>
											</a>
											<div class="authtime flexRow"><b></b>
												<p>2026-01-22 19:15</p>
											</div>
										</div>
								</div>
																	<div class="authlist flexColumn">
										<div class="autharts flexRow">
											<a class="autharta flexRow " href="/faq/2019002.html" title="Win10怎么关闭后台运行程序 Windows10禁止软件后台运行教程"><b></b>
												<p class="overflowclass">Win10怎么关闭后台运行程序 Windows10禁止软件后台运行教程</p>
											</a>
											<div class="authtime flexRow"><b></b>
												<p>2026-01-22 19:35</p>
											</div>
										</div>
								</div>
																	<div class="authlist flexColumn">
										<div class="autharts flexRow">
											<a class="autharta flexRow " href="/faq/2019105.html" title="Win10怎么禁止程序自启 Windows10彻底关闭软件后台自启方法"><b></b>
												<p class="overflowclass">Win10怎么禁止程序自启 Windows10彻底关闭软件后台自启方法</p>
											</a>
											<div class="authtime flexRow"><b></b>
												<p>2026-01-22 19:56</p>
											</div>
										</div>
								</div>
																	<div class="authlist flexColumn">
										<div class="autharts flexRow">
											<a class="autharta flexRow " href="/faq/2019244.html" title="Python多线程和多进程的区别_Python线程与进程核心差异对比"><b></b>
												<p class="overflowclass">Python多线程和多进程的区别_Python线程与进程核心差异对比</p>
											</a>
											<div class="authtime flexRow"><b></b>
												<p>2026-01-22 20:29</p>
											</div>
										</div>
								</div>
															</div>
						
						<div class="moreAi ">
							<div class="rightdTitle flexRow">
								<div class="title-left flexRow"> <b></b>
									<p>热门AI工具</p>
								</div>
								<a target="_blank" class="rititle-more flexRow" href="/ai" title="热门AI工具"><span>更多</span><b></b></a>
							</div>

							<div class="moreailist flexRow">
																	<div class="aidcons flexRow  check ">
										<a target="_blank" href="/ai/723" title="DeepSeek" class="aibtns flexRow">
											<img src="https://img.php.cn/upload/ai_manual/000/000/000/175679963982777.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="DeepSeek" class="aibtnimg"
												onerror="this.src='/static/lhimages/moren/morentu.png'">
											<div class="aibtn-right flexColumn">
												<p class="overflowclass abripone">DeepSeek</p>
												<p class="overflowclass abriptwo">幻方量化公司旗下的开源大模型平台</p>
																									<div class="aidconstab flexRow">
																												<p href="/ai/tag/code/large-model" title="AI大模型" class="aidcontbp flexRow flexcenter">AI大模型</p>
																													<p href="/ai/tag/code/open-plat" title="开放平台" class="aidcontbp flexRow flexcenter">开放平台</p>
																											</div>
																							</div>
										</a>
									</div>
																	<div class="aidcons flexRow  check ">
										<a target="_blank" href="/ai/726" title="豆包大模型" class="aibtns flexRow">
											<img src="https://img.php.cn/upload/ai_manual/000/000/000/175680204067325.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="豆包大模型" class="aibtnimg"
												onerror="this.src='/static/lhimages/moren/morentu.png'">
											<div class="aibtn-right flexColumn">
												<p class="overflowclass abripone">豆包大模型</p>
												<p class="overflowclass abriptwo">字节跳动自主研发的一系列大型语言模型</p>
																									<div class="aidconstab flexRow">
																												<p href="/ai/tag/code/large-model" title="AI大模型" class="aidcontbp flexRow flexcenter">AI大模型</p>
																											</div>
																							</div>
										</a>
									</div>
																	<div class="aidcons flexRow  check ">
										<a target="_blank" href="/ai/725" title="通义千问" class="aibtns flexRow">
											<img src="https://img.php.cn/upload/ai_manual/000/000/000/175679974228210.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="通义千问" class="aibtnimg"
												onerror="this.src='/static/lhimages/moren/morentu.png'">
											<div class="aibtn-right flexColumn">
												<p class="overflowclass abripone">通义千问</p>
												<p class="overflowclass abriptwo">阿里巴巴推出的全能AI助手</p>
																									<div class="aidconstab flexRow">
																												<p href="/ai/tag/code/large-model" title="AI大模型" class="aidcontbp flexRow flexcenter">AI大模型</p>
																											</div>
																							</div>
										</a>
									</div>
																	<div class="aidcons flexRow  check ">
										<a target="_blank" href="/ai/854" title="腾讯元宝" class="aibtns flexRow">
											<img src="https://img.php.cn/upload/ai_manual/000/000/000/175679978251103.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="腾讯元宝" class="aibtnimg"
												onerror="this.src='/static/lhimages/moren/morentu.png'">
											<div class="aibtn-right flexColumn">
												<p class="overflowclass abripone">腾讯元宝</p>
												<p class="overflowclass abriptwo">腾讯混元平台推出的AI助手</p>
																									<div class="aidconstab flexRow">
																												<p href="/ai/tag/office/docs" title="文档处理" class="aidcontbp flexRow flexcenter">文档处理</p>
																													<p href="/ai/tag/office/excel" title="Excel 表格" class="aidcontbp flexRow flexcenter">Excel 表格</p>
																											</div>
																							</div>
										</a>
									</div>
																	<div class="aidcons flexRow  check ">
										<a target="_blank" href="/ai/724" title="文心一言" class="aibtns flexRow">
											<img src="https://img.php.cn/upload/ai_manual/000/000/000/175679974557049.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="文心一言" class="aibtnimg"
												onerror="this.src='/static/lhimages/moren/morentu.png'">
											<div class="aibtn-right flexColumn">
												<p class="overflowclass abripone">文心一言</p>
												<p class="overflowclass abriptwo">文心一言是百度开发的AI聊天机器人，通过对话可以生成各种形式的内容。</p>
																									<div class="aidconstab flexRow">
																												<p href="/ai/tag/code/large-model" title="AI大模型" class="aidcontbp flexRow flexcenter">AI大模型</p>
																													<p href="/ai/tag/text/chinese-writing" title="中文写作" class="aidcontbp flexRow flexcenter">中文写作</p>
																											</div>
																							</div>
										</a>
									</div>
																	<div class="aidcons flexRow  check ">
										<a target="_blank" href="/ai/1507" title="讯飞写作" class="aibtns flexRow">
											<img src="https://img.php.cn/upload/ai_manual/000/969/633/68b7a4153cd86671.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="讯飞写作" class="aibtnimg"
												onerror="this.src='/static/lhimages/moren/morentu.png'">
											<div class="aibtn-right flexColumn">
												<p class="overflowclass abripone">讯飞写作</p>
												<p class="overflowclass abriptwo">基于讯飞星火大模型的AI写作工具，可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿</p>
																									<div class="aidconstab flexRow">
																												<p href="/ai/tag/text/chinese-writing" title="中文写作" class="aidcontbp flexRow flexcenter">中文写作</p>
																													<p href="/ai/tag/text/write" title="写作工具" class="aidcontbp flexRow flexcenter">写作工具</p>
																											</div>
																							</div>
										</a>
									</div>
																	<div class="aidcons flexRow  check ">
										<a target="_blank" href="/ai/1115" title="即梦AI" class="aibtns flexRow">
											<img src="https://img.php.cn/upload/ai_manual/001/246/273/68b6d8f7c530c315.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="即梦AI" class="aibtnimg"
												onerror="this.src='/static/lhimages/moren/morentu.png'">
											<div class="aibtn-right flexColumn">
												<p class="overflowclass abripone">即梦AI</p>
												<p class="overflowclass abriptwo">一站式AI创作平台，免费AI图片和视频生成。</p>
																									<div class="aidconstab flexRow">
																												<p href="/ai/tag/image/image-titching" title="图片拼接" class="aidcontbp flexRow flexcenter">图片拼接</p>
																													<p href="/ai/tag/image/image-create" title="图画生成" class="aidcontbp flexRow flexcenter">图画生成</p>
																											</div>
																							</div>
										</a>
									</div>
																	<div class="aidcons flexRow  check ">
										<a target="_blank" href="/ai/808" title="ChatGPT" class="aibtns flexRow">
											<img src="https://img.php.cn/upload/ai_manual/000/000/000/175679970194596.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="ChatGPT" class="aibtnimg"
												onerror="this.src='/static/lhimages/moren/morentu.png'">
											<div class="aibtn-right flexColumn">
												<p class="overflowclass abripone">ChatGPT</p>
												<p class="overflowclass abriptwo">最最强大的AI聊天机器人程序，ChatGPT不单是聊天机器人，还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。</p>
																									<div class="aidconstab flexRow">
																												<p href="/ai/tag/code/large-model" title="AI大模型" class="aidcontbp flexRow flexcenter">AI大模型</p>
																													<p href="/ai/tag/text/chinese-writing" title="中文写作" class="aidcontbp flexRow flexcenter">中文写作</p>
																											</div>
																							</div>
										</a>
									</div>
																	<div class="aidcons flexRow  check ">
										<a target="_blank" href="/ai/821" title="智谱清言 - 免费全能的AI助手" class="aibtns flexRow">
											<img src="https://img.php.cn/upload/ai_manual/000/000/000/175679976181507.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="智谱清言 - 免费全能的AI助手" class="aibtnimg"
												onerror="this.src='/static/lhimages/moren/morentu.png'">
											<div class="aibtn-right flexColumn">
												<p class="overflowclass abripone">智谱清言 - 免费全能的AI助手</p>
												<p class="overflowclass abriptwo">智谱清言 - 免费全能的AI助手</p>
																									<div class="aidconstab flexRow">
																												<p href="/ai/tag/code/large-model" title="AI大模型" class="aidcontbp flexRow flexcenter">AI大模型</p>
																													<p href="/ai/tag/ai-application/software" title="PC软件" class="aidcontbp flexRow flexcenter">PC软件</p>
																											</div>
																							</div>
										</a>
									</div>
															</div>




						</div>

					</div>


				</div>


			</div>
			<div class="conRight artdtilRight ">
				<div class="artrig-adv ">
                    <script type="text/javascript" src="https://teacher.php.cn/php/MDM3MTk1MGYxYjI5ODJmNTE0ZWVkZTA3NmJhYzhmMjI6Og=="></script>
                </div>
				<div class="hotzt artdtzt">
					<div class="rightdTitle flexRow">
						<div class="title-left flexRow"> <b></b>
							<p>相关专题</p>
						</div>
						<a target="_blank" class="rititle-more flexRow" href="/faq/zt" title="相关专题"><span>更多</span><b></b></a>
					</div>
					<div class="hotztuls flexColumn">
													<div class="hotztlls flexRow">
								<a target="_blank" href="/faq/pythonkfgj" class="aClass flexRow hotzta" title="python开发工具"><img
										src="https://img.php.cn/upload/subject/202306/15/2023061514475366600.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="python开发工具" class="hotztaimg"
										onerror="this.src='/static/lhimages/moren/morentu.png'"></a>
								<div class="hotztright flexColumn">
									<a target="_blank" href="/faq/pythonkfgj" class="aClass flexRow hotztra overflowclass" title="python开发工具">python开发工具</a>
									<p class="aClass flexRow hotztrp overflowclass">php中文网为大家提供各种python开发工具，好的开发工具，可帮助开发者攻克编程学习中的基础障碍，理解每一行源代码在程序执行时在计算机中的过程。php中文网还为大家带来python相关课程以及相关文章等内容，供大家免费下载使用。</p>
									<div class="hotztrdown flexRow">
										<div class="htztdsee flexRow"> <b></b>
											<p class="">772</p>
										</div>
										<div class="htztdTime flexRow"> <b></b>
											<p>2023.06.15</p>
										</div>
									</div>
								</div>
							</div>
													<div class="hotztlls flexRow">
								<a target="_blank" href="/faq/pythondb" class="aClass flexRow hotzta" title="python打包成可执行文件"><img
										src="https://img.php.cn/upload/subject/202307/20/2023072010451926796.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="python打包成可执行文件" class="hotztaimg"
										onerror="this.src='/static/lhimages/moren/morentu.png'"></a>
								<div class="hotztright flexColumn">
									<a target="_blank" href="/faq/pythondb" class="aClass flexRow hotztra overflowclass" title="python打包成可执行文件">python打包成可执行文件</a>
									<p class="aClass flexRow hotztrp overflowclass">本专题为大家带来python打包成可执行文件相关的文章，大家可以免费的下载体验。</p>
									<div class="hotztrdown flexRow">
										<div class="htztdsee flexRow"> <b></b>
											<p class="">661</p>
										</div>
										<div class="htztdTime flexRow"> <b></b>
											<p>2023.07.20</p>
										</div>
									</div>
								</div>
							</div>
													<div class="hotztlls flexRow">
								<a target="_blank" href="/faq/pythonnzsm" class="aClass flexRow hotzta" title="python能做什么"><img
										src="https://img.php.cn/upload/subject/202307/25/2023072509560014669.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="python能做什么" class="hotztaimg"
										onerror="this.src='/static/lhimages/moren/morentu.png'"></a>
								<div class="hotztright flexColumn">
									<a target="_blank" href="/faq/pythonnzsm" class="aClass flexRow hotztra overflowclass" title="python能做什么">python能做什么</a>
									<p class="aClass flexRow hotztrp overflowclass">python能做的有：可用于开发基于控制台的应用程序、多媒体部分开发、用于开发基于Web的应用程序、使用python处理数据、系统编程等等。本专题为大家提供python相关的各种文章、以及下载和课程。</p>
									<div class="hotztrdown flexRow">
										<div class="htztdsee flexRow"> <b></b>
											<p class="">764</p>
										</div>
										<div class="htztdTime flexRow"> <b></b>
											<p>2023.07.25</p>
										</div>
									</div>
								</div>
							</div>
													<div class="hotztlls flexRow">
								<a target="_blank" href="/faq/formatzpython" class="aClass flexRow hotzta" title="format在python中的用法"><img
										src="https://img.php.cn/upload/subject/202307/31/2023073114074433322.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="format在python中的用法" class="hotztaimg"
										onerror="this.src='/static/lhimages/moren/morentu.png'"></a>
								<div class="hotztright flexColumn">
									<a target="_blank" href="/faq/formatzpython" class="aClass flexRow hotztra overflowclass" title="format在python中的用法">format在python中的用法</a>
									<p class="aClass flexRow hotztrp overflowclass">Python中的format是一种字符串格式化方法，用于将变量或值插入到字符串中的占位符位置。通过format方法，我们可以动态地构建字符串，使其包含不同值。php中文网给大家带来了相关的教程以及文章，欢迎大家前来阅读学习。</p>
									<div class="hotztrdown flexRow">
										<div class="htztdsee flexRow"> <b></b>
											<p class="">679</p>
										</div>
										<div class="htztdTime flexRow"> <b></b>
											<p>2023.07.31</p>
										</div>
									</div>
								</div>
							</div>
													<div class="hotztlls flexRow">
								<a target="_blank" href="/faq/pythonjc" class="aClass flexRow hotzta" title="python教程"><img
										src="https://img.php.cn/upload/subject/202308/03/2023080311475995178.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="python教程" class="hotztaimg"
										onerror="this.src='/static/lhimages/moren/morentu.png'"></a>
								<div class="hotztright flexColumn">
									<a target="_blank" href="/faq/pythonjc" class="aClass flexRow hotztra overflowclass" title="python教程">python教程</a>
									<p class="aClass flexRow hotztrp overflowclass">Python已成为一门网红语言，即使是在非编程开发者当中，也掀起了一股学习的热潮。本专题为大家带来python教程的相关文章，大家可以免费体验学习。</p>
									<div class="hotztrdown flexRow">
										<div class="htztdsee flexRow"> <b></b>
											<p class="">1365</p>
										</div>
										<div class="htztdTime flexRow"> <b></b>
											<p>2023.08.03</p>
										</div>
									</div>
								</div>
							</div>
													<div class="hotztlls flexRow">
								<a target="_blank" href="/faq/pythonhjblbz" class="aClass flexRow hotzta" title="python环境变量的配置"><img
										src="https://img.php.cn/upload/subject/202308/04/2023080409460042319.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="python环境变量的配置" class="hotztaimg"
										onerror="this.src='/static/lhimages/moren/morentu.png'"></a>
								<div class="hotztright flexColumn">
									<a target="_blank" href="/faq/pythonhjblbz" class="aClass flexRow hotztra overflowclass" title="python环境变量的配置">python环境变量的配置</a>
									<p class="aClass flexRow hotztrp overflowclass">Python是一种流行的编程语言，被广泛用于软件开发、数据分析和科学计算等领域。在安装Python之后，我们需要配置环境变量，以便在任何位置都能够访问Python的可执行文件。php中文网给大家带来了相关的教程以及文章，欢迎大家前来学习阅读。</p>
									<div class="hotztrdown flexRow">
										<div class="htztdsee flexRow"> <b></b>
											<p class="">569</p>
										</div>
										<div class="htztdTime flexRow"> <b></b>
											<p>2023.08.04</p>
										</div>
									</div>
								</div>
							</div>
													<div class="hotztlls flexRow">
								<a target="_blank" href="/faq/pythoneval" class="aClass flexRow hotzta" title="python eval"><img
										src="https://img.php.cn/upload/subject/202308/04/2023080410233145730.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="python eval" class="hotztaimg"
										onerror="this.src='/static/lhimages/moren/morentu.png'"></a>
								<div class="hotztright flexColumn">
									<a target="_blank" href="/faq/pythoneval" class="aClass flexRow hotztra overflowclass" title="python eval">python eval</a>
									<p class="aClass flexRow hotztrp overflowclass">eval函数是Python中一个非常强大的函数，它可以将字符串作为Python代码进行执行，实现动态编程的效果。然而，由于其潜在的安全风险和性能问题，需要谨慎使用。php中文网给大家带来了相关的教程以及文章，欢迎大家前来学习阅读。</p>
									<div class="hotztrdown flexRow">
										<div class="htztdsee flexRow"> <b></b>
											<p class="">579</p>
										</div>
										<div class="htztdTime flexRow"> <b></b>
											<p>2023.08.04</p>
										</div>
									</div>
								</div>
							</div>
													<div class="hotztlls flexRow">
								<a target="_blank" href="/faq/scratchpyt" class="aClass flexRow hotzta" title="scratch和python区别"><img
										src="https://img.php.cn/upload/subject/202308/07/2023080711201214629.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="scratch和python区别" class="hotztaimg"
										onerror="this.src='/static/lhimages/moren/morentu.png'"></a>
								<div class="hotztright flexColumn">
									<a target="_blank" href="/faq/scratchpyt" class="aClass flexRow hotztra overflowclass" title="scratch和python区别">scratch和python区别</a>
									<p class="aClass flexRow hotztrp overflowclass">scratch和python的区别：1、scratch是一种专为初学者设计的图形化编程语言，python是一种文本编程语言；2、scratch使用的是基于积木的编程语法，python采用更加传统的文本编程语法等等。本专题为大家提供scratch和python相关的文章、下载、课程内容，供大家免费下载体验。</p>
									<div class="hotztrdown flexRow">
										<div class="htztdsee flexRow"> <b></b>
											<p class="">730</p>
										</div>
										<div class="htztdTime flexRow"> <b></b>
											<p>2023.08.11</p>
										</div>
									</div>
								</div>
							</div>
													<div class="hotztlls flexRow">
								<a target="_blank" href="/faq/cnggrkyjjchz" class="aClass flexRow hotzta" title="菜鸟裹裹入口以及教程汇总"><img
										src="https://img.php.cn/upload/subject/202601/22/2026012220395931491.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="菜鸟裹裹入口以及教程汇总" class="hotztaimg"
										onerror="this.src='/static/lhimages/moren/morentu.png'"></a>
								<div class="hotztright flexColumn">
									<a target="_blank" href="/faq/cnggrkyjjchz" class="aClass flexRow hotztra overflowclass" title="菜鸟裹裹入口以及教程汇总">菜鸟裹裹入口以及教程汇总</a>
									<p class="aClass flexRow hotztrp overflowclass">本专题整合了菜鸟裹裹入口地址及教程分享，阅读专题下面的文章了解更多详细内容。</p>
									<div class="hotztrdown flexRow">
										<div class="htztdsee flexRow"> <b></b>
											<p class="">0</p>
										</div>
										<div class="htztdTime flexRow"> <b></b>
											<p>2026.01.22</p>
										</div>
									</div>
								</div>
							</div>
											</div>
				</div>

				<div class="hotdownload ">
					<div class="rightdTitle flexRow">
						<div class="title-left flexRow"> <b></b>
							<p>热门下载</p>
						</div>
						<a target="_blank" class="rititle-more flexRow" href="/xiazai" title="热门下载"><span>更多</span><b></b></a>
					</div>
					<div class="hotdownTab">
						<div class="hdTabs flexRow">
							<div class="check" data-id="onef">网站特效 <b></b> </div> /
							<div class="" data-id="twof">网站源码 <b></b></div> /
							<div class="" data-id="threef">网站素材 <b></b></div> /
							<div class="" data-id="fourf">前端模板 <b></b></div>
						</div>
						<ul class="onef">
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" title="js文本复制与剪切插件clipboard" href="/xiazai/js/8586"><span>[表单按钮]</span><span>js文本复制与剪切插件clipboard</span></a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" title="简单的注册表单必填代码" href="/xiazai/js/8585"><span>[表单按钮]</span><span>简单的注册表单必填代码</span></a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" title="jQuery图片抖动滑块切换" href="/xiazai/js/8584"><span>[图片特效]</span><span>jQuery图片抖动滑块切换</span></a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" title="jQuery星级评论表单美化代码" href="/xiazai/js/8583"><span>[表单按钮]</span><span>jQuery星级评论表单美化代码</span></a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" title="五种切换效果的jQuery幻灯片" href="/xiazai/js/8582"><span>[图片特效]</span><span>五种切换效果的jQuery幻灯片</span></a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" title="jQuery垂直传送带图片切换" href="/xiazai/js/8581"><span>[图片特效]</span><span>jQuery垂直传送带图片切换</span></a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" title="jQuery手机注册表单获取验证码代码" href="/xiazai/js/8580"><span>[表单按钮]</span><span>jQuery手机注册表单获取验证码代码</span></a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" title="jQuery空格键添加a标签" href="/xiazai/js/8579"><span>[表单按钮]</span><span>jQuery空格键添加a标签</span></a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" title="jQuery创意输入框表单提交特效" href="/xiazai/js/8578"><span>[表单按钮]</span><span>jQuery创意输入框表单提交特效</span></a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" title="jQuery图片查看器代码" href="/xiazai/js/8577"><span>[图片特效]</span><span>jQuery图片查看器代码</span></a>
									</div>
								</li>
													</ul>
						<ul class="twof" style="display:none;">
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/code/11355" title="openaishop"><span>[电商源码]</span><span>openaishop</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/code/11354" title="思翔企(事)业单位文件柜 build 20080313"><span>[其它模板]</span><span>思翔企(事)业单位文件柜 build 20080313</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/code/11353" title="雅龙智能装备工业设备类WordPress主题1.0"><span>[企业站源码]</span><span>雅龙智能装备工业设备类WordPress主题1.0</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/code/11352" title="威发卡自动发卡系统"><span>[电商源码]</span><span>威发卡自动发卡系统</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/code/11351" title="卡密分发系统"><span>[电商源码]</span><span>卡密分发系统</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/code/11350" title="中华陶瓷网"><span>[电商源码]</span><span>中华陶瓷网</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/code/11349" title="简洁粉色食品公司网站"><span>[电商源码]</span><span>简洁粉色食品公司网站</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/code/11348" title="极速网店系统"><span>[电商源码]</span><span>极速网店系统</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/code/11347" title="淘宝妈妈_淘客推广系统"><span>[电商源码]</span><span>淘宝妈妈_淘客推广系统</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/code/11346" title="积客B2SCMS商城系统"><span>[电商源码]</span><span>积客B2SCMS商城系统</span> </a>
									</div>
								</li>
													</ul>
						<ul class="threef" style="display:none;">
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/sucai/4246" title="紫色风格手机新品促销宣传海报设计下载"><span>[网站素材]</span><span>紫色风格手机新品促销宣传海报设计下载</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/sucai/4245" title="2026新春鞭炮烟花背景矢量素材"><span>[网站素材]</span><span>2026新春鞭炮烟花背景矢量素材</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/sucai/4244" title="波西米亚抽象装饰画矢量素材"><span>[网站素材]</span><span>波西米亚抽象装饰画矢量素材</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/sucai/4243" title="新春剪纸梅花窗花装饰矢量素材"><span>[网站素材]</span><span>新春剪纸梅花窗花装饰矢量素材</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/sucai/4242" title="复古风格水果海报合集矢量模板"><span>[网站素材]</span><span>复古风格水果海报合集矢量模板</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/sucai/4241" title="黑色风格黑色星期五宣传海报设计下载"><span>[网站素材]</span><span>黑色风格黑色星期五宣传海报设计下载</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/sucai/4240" title="2026马年新春祥云灯笼矢量素材"><span>[网站素材]</span><span>2026马年新春祥云灯笼矢量素材</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/sucai/4239" title="特价飞机旅行预定海报PSD素材下载"><span>[网站素材]</span><span>特价飞机旅行预定海报PSD素材下载</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/sucai/4238" title="航空旅行折扣海报PSD源文件设计下载"><span>[网站素材]</span><span>航空旅行折扣海报PSD源文件设计下载</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/sucai/4237" title="怀旧黑胶音乐海报合集矢量模板"><span>[网站素材]</span><span>怀旧黑胶音乐海报合集矢量模板</span> </a>
									</div>
								</li>
													</ul>
						<ul class="fourf" style="display:none;">
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/code/8590"  title="驾照考试驾校HTML5网站模板"><span>[前端模板]</span><span>驾照考试驾校HTML5网站模板</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/code/8589"  title="驾照培训服务机构宣传网站模板"><span>[前端模板]</span><span>驾照培训服务机构宣传网站模板</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/code/8588"  title="HTML5房地产公司宣传网站模板"><span>[前端模板]</span><span>HTML5房地产公司宣传网站模板</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/code/8587"  title="新鲜有机肉类宣传网站模板"><span>[前端模板]</span><span>新鲜有机肉类宣传网站模板</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/code/8586"  title="响应式天气预报宣传网站模板"><span>[前端模板]</span><span>响应式天气预报宣传网站模板</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/code/8585"  title="房屋建筑维修公司网站CSS模板"><span>[前端模板]</span><span>房屋建筑维修公司网站CSS模板</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/code/8584"  title="响应式志愿者服务网站模板"><span>[前端模板]</span><span>响应式志愿者服务网站模板</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/code/8583"  title="创意T恤打印店网站HTML5模板"><span>[前端模板]</span><span>创意T恤打印店网站HTML5模板</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/code/8582"  title="网页开发岗位简历作品展示网页模板"><span>[前端模板]</span><span>网页开发岗位简历作品展示网页模板</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/code/8581"  title="响应式人力资源机构宣传网站模板"><span>[前端模板]</span><span>响应式人力资源机构宣传网站模板</span> </a>
									</div>
								</li>
													</ul>
					</div>
					<script>
						$('.hdTabs>div').click(function (e) {
							$('.hdTabs>div').removeClass('check')
							$(this).addClass('check')
							$('.hotdownTab>ul').css('display', 'none')
							$('.' + e.currentTarget.dataset.id).show()
						})
					</script>

				</div>

				<div class="artrig-adv ">
					<script type="text/javascript" src="https://teacher.php.cn/php/MDM3MTk1MGYxYjI5ODJmNTE0ZWVkZTA3NmJhYzhmMjI6Og=="></script>
                </div>



				<div class="xgarts ">
					<div class="rightdTitle flexRow">
						<div class="title-left flexRow"> <b></b>
							<p>相关下载</p>
						</div>
						<a target="_blank" class="rititle-more flexRow" href="/xiazai" title="相关下载"><span>更多</span><b></b></a>
					</div>
					<div class="xgwzlist ">
											<div class="xgwzlid flexRow"><b></b><a target="_blank" title="php商城系统" href="/xiazai/code/11178">php商城系统</a></div>
											<div class="xgwzlid flexRow"><b></b><a target="_blank" title="淘源码商城PHP淘宝查信誉" href="/xiazai/code/11177">淘源码商城PHP淘宝查信誉</a></div>
											<div class="xgwzlid flexRow"><b></b><a target="_blank" title="PHP房产程序[BBWPS]" href="/xiazai/code/11165">PHP房产程序[BBWPS]</a></div>
											<div class="xgwzlid flexRow"><b></b><a target="_blank" title="PHP简约自动发卡平台个人版" href="/xiazai/code/11128">PHP简约自动发卡平台个人版</a></div>
											<div class="xgwzlid flexRow"><b></b><a target="_blank" title="ERMEB域名PHP离线网络授权系统" href="/xiazai/code/11040">ERMEB域名PHP离线网络授权系统</a></div>
											<div class="xgwzlid flexRow"><b></b><a target="_blank" title="Difeye-敏捷的轻量级PHP框架" href="/xiazai/code/11037">Difeye-敏捷的轻量级PHP框架</a></div>
											<div class="xgwzlid flexRow"><b></b><a target="_blank" title="大泉州汽车网PHP整站程序" href="/xiazai/code/10963">大泉州汽车网PHP整站程序</a></div>
										</div>

				</div>

				<div class="jpkc">
					<div class="rightdTitle flexRow">
						<div class="title-left flexRow"> <b></b>
							<p>精品课程</p>
						</div>
						<a class="rititle-more flexRow" target="_blank" href="/course/sort_new.html" title="精品课程"><span>更多</span><b></b></a>
					</div>
					<div class=" jpkcTab">
						<div class=" jpkcTabs flexRow">
							<div class="check" data-id="onefd">相关推荐 <b></b> </div> /
							<div class="" data-id="twofd">热门推荐 <b></b></div> /
							<div class="" data-id="threefd">最新课程 <b></b></div>
						</div>
						<div class="onefd jpktabd">
													<div  class="ristyA flexRow " >
								<a target="_blank" href="/course/1686.html" title="MySQL 教程">
									<img src="https://img.php.cn/upload/course/000/000/090/68a58ba6b8207458.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="MySQL 教程" class="ristyAimg"
										onerror="this.src='/static/mobimages/moren/morentu.png'">
								</a>
								<div class="ristyaRight flexColumn">
									<a target="_blank" href="/course/1686.html" title="MySQL 教程"
										class="rirightp overflowclass">MySQL 教程</a>

									<div class="risrdown flexRow">
										<p>共48课时 | 1.9万人学习</p>
									</div>
								</div>
							</div>
													<div  class="ristyA flexRow " >
								<a target="_blank" href="/course/1643.html" title="MySQL 初学入门（mosh老师）">
									<img src="https://img.php.cn/upload/course/000/000/067/66123f1bad93f980.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="MySQL 初学入门（mosh老师）" class="ristyAimg"
										onerror="this.src='/static/mobimages/moren/morentu.png'">
								</a>
								<div class="ristyaRight flexColumn">
									<a target="_blank" href="/course/1643.html" title="MySQL 初学入门（mosh老师）"
										class="rirightp overflowclass">MySQL 初学入门（mosh老师）</a>

									<div class="risrdown flexRow">
										<p>共3课时 | 0.3万人学习</p>
									</div>
								</div>
							</div>
													<div  class="ristyA flexRow " >
								<a target="_blank" href="/course/1628.html" title="简单聊聊mysql8与网络通信">
									<img src="https://img.php.cn/upload/course/000/000/067/658d0737eae46201.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="简单聊聊mysql8与网络通信" class="ristyAimg"
										onerror="this.src='/static/mobimages/moren/morentu.png'">
								</a>
								<div class="ristyaRight flexColumn">
									<a target="_blank" href="/course/1628.html" title="简单聊聊mysql8与网络通信"
										class="rirightp overflowclass">简单聊聊mysql8与网络通信</a>

									<div class="risrdown flexRow">
										<p>共1课时 | 805人学习</p>
									</div>
								</div>
							</div>
												</div>

						<div class="twofd jpktabd" style="display:none;">
															<div  class="ristyA flexRow " >
									<a target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学">
										<img src="https://img.php.cn/upload/course/000/000/081/6862652adafef801.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="JavaScript ES5基础线上课程教学" class="ristyAimg"
											onerror="this.src='/static/mobimages/moren/morentu.png'">
									</a>
									<div class="ristyaRight flexColumn">
										<a target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学"
											class="rirightp overflowclass">JavaScript ES5基础线上课程教学</a>

										<div class="risrdown flexRow">
											<p>共6课时 | 9.7万人学习</p>
										</div>
									</div>
								</div>
															<div  class="ristyA flexRow " >
									<a target="_blank" href="/course/812.html" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)">
										<img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" class="ristyAimg"
											onerror="this.src='/static/mobimages/moren/morentu.png'">
									</a>
									<div class="ristyaRight flexColumn">
										<a target="_blank" href="/course/812.html" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)"
											class="rirightp overflowclass">最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)</a>

										<div class="risrdown flexRow">
											<p>共79课时 | 151.4万人学习</p>
										</div>
									</div>
								</div>
															<div  class="ristyA flexRow " >
									<a target="_blank" href="/course/639.html" title="phpStudy极速入门视频教程">
										<img src="https://img.php.cn/upload/course/000/000/068/62611ef88fcec821.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="phpStudy极速入门视频教程" class="ristyAimg"
											onerror="this.src='/static/mobimages/moren/morentu.png'">
									</a>
									<div class="ristyaRight flexColumn">
										<a target="_blank" href="/course/639.html" title="phpStudy极速入门视频教程"
											class="rirightp overflowclass">phpStudy极速入门视频教程</a>

										<div class="risrdown flexRow">
											<p>共6课时 | 53.4万人学习</p>
										</div>
									</div>
								</div>
													</div>

						<div class="threefd jpktabd" style="display:none;">
															<div  class="ristyA flexRow " >
										<a target="_blank" href="/course/1696.html" title="最新Python教程 从入门到精通">
											<img src="https://img.php.cn/upload/course/000/000/081/68c135bb72783194.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="最新Python教程 从入门到精通" class="ristyAimg"
												onerror="this.src='/static/mobimages/moren/morentu.png'">
										</a>
										<div class="ristyaRight flexColumn">
											<a target="_blank" href="/course/1696.html" title="最新Python教程 从入门到精通"
												class="rirightp overflowclass">最新Python教程 从入门到精通</a>

											<div class="risrdown flexRow">
												<p>共4课时 | 13.2万人学习</p>
											</div>
										</div>
									</div>
																<div  class="ristyA flexRow " >
										<a target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学">
											<img src="https://img.php.cn/upload/course/000/000/081/6862652adafef801.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="JavaScript ES5基础线上课程教学" class="ristyAimg"
												onerror="this.src='/static/mobimages/moren/morentu.png'">
										</a>
										<div class="ristyaRight flexColumn">
											<a target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学"
												class="rirightp overflowclass">JavaScript ES5基础线上课程教学</a>

											<div class="risrdown flexRow">
												<p>共6课时 | 9.7万人学习</p>
											</div>
										</div>
									</div>
																<div  class="ristyA flexRow " >
										<a target="_blank" href="/course/1655.html" title="PHP新手语法线上课程教学">
											<img src="https://img.php.cn/upload/course/000/000/081/684a8c23d811b293.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="PHP新手语法线上课程教学" class="ristyAimg"
												onerror="this.src='/static/mobimages/moren/morentu.png'">
										</a>
										<div class="ristyaRight flexColumn">
											<a target="_blank" href="/course/1655.html" title="PHP新手语法线上课程教学"
												class="rirightp overflowclass">PHP新手语法线上课程教学</a>

											<div class="risrdown flexRow">
												<p>共13课时 | 0.9万人学习</p>
											</div>
										</div>
									</div>
														</div>
						<script>
							$('.jpkcTabs>div').click(function (e) {
								$('.jpkcTabs>div').removeClass('check')
								$(this).addClass('check')
								$('.jpkcTab .jpktabd').css('display', 'none')
								$('.' + e.currentTarget.dataset.id).show()
							})
						</script>

					</div>
				</div>

				<div class="zxarts ">
					<div class="rightdTitle flexRow">
						<div class="title-left flexRow"> <b></b>
							<p>最新文章</p>
						</div>
						<a class="rititle-more flexRow" href="" title="最新文章" target="_blank"><span>更多</span><b></b></a>
					</div>
					<div class="xgwzlist ">
													<div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何在 GET 表单提交时排除 submit 参数" href="/faq/2019376.html">如何在 GET 表单提交时排除 submit 参数</a></div>
													<div class="xgwzlid flexRow"><b></b><a target="_blank" title="为 jQuery 动态添加的下拉选项设置 title 属性（基于字典键名）" href="/faq/2019375.html">为 jQuery 动态添加的下拉选项设置 title 属性（基于字典键名）</a></div>
													<div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何让 <p> 文本显示在背景图片下方（而非覆盖其上）" href="/faq/2019303.html">如何让 <p> 文本显示在背景图片下方（而非覆盖其上）</a></div>
													<div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何让段落文本位于背景图片下方，同时保持标题位置不变" href="/faq/2019292.html">如何让段落文本位于背景图片下方，同时保持标题位置不变</a></div>
													<div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何让段落内容紧随背景图片底部显示，同时保持标题位置不变" href="/faq/2019269.html">如何让段落内容紧随背景图片底部显示，同时保持标题位置不变</a></div>
													<div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何在导航栏中正确对齐社交图标（与Logo和菜单同行显示）" href="/faq/2019263.html">如何在导航栏中正确对齐社交图标（与Logo和菜单同行显示）</a></div>
													<div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何在导航栏中正确对齐社交媒体图标（同行显示Logo与菜单）" href="/faq/2019097.html">如何在导航栏中正确对齐社交媒体图标（同行显示Logo与菜单）</a></div>
													<div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何在导航栏中正确对齐社交媒体图标（与Logo和菜单同行显示）" href="/faq/2019087.html">如何在导航栏中正确对齐社交媒体图标（与Logo和菜单同行显示）</a></div>
													<div class="xgwzlid flexRow"><b></b><a target="_blank" title="CSS 样式表无法生效的常见原因及修复指南" href="/faq/2019054.html">CSS 样式表无法生效的常见原因及修复指南</a></div>
													<div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何在导航栏中正确对齐社交媒体图标（右侧）" href="/faq/2018973.html">如何在导航栏中正确对齐社交媒体图标（右侧）</a></div>
											</div>

				</div>






			</div>



		</div>

	</div>
	<!--底部-->
	<div class="phpFoot">
    <div class="phpFootIn">
        <div class="phpFootCont">
            <div class="phpFootLeft">
                <dl>
                    <dt>
                        <a target="_blank"  href="/about/us.html" rel="nofollow"  title="关于我们" class="cBlack">关于我们</a>
                        <a target="_blank"  href="/about/disclaimer.html" rel="nofollow"  title="免责申明" class="cBlack">免责申明</a>
                        <a target="_blank"  href="/about/jbzx.html" rel="nofollow"  title="举报中心" class="cBlack">举报中心</a>
                        <a   href="javascript:;" rel="nofollow" onclick="advice_data(99999999,'意见反馈')"   title="意见反馈" class="cBlack">意见反馈</a>
                        <a target="_blank"  href="https://www.php.cn/teacher.html" rel="nofollow"   title="讲师合作" class="cBlack">讲师合作</a>
                        <a  target="_blank" href="https://www.php.cn/blog/detail/20304.html" rel="nofollow"  title="广告合作" class="cBlack">广告合作</a>
                        <a  target="_blank" href="/new/"    title="最新文章列表" class="cBlack">最新更新</a>
                                                <div class="clear"></div>
                    </dt>
                    <dd class="cont1">php中文网：公益在线php培训，帮助PHP学习者快速成长！</dd>
                    <dd class="cont2">
                      <span class="ylwTopBox">
                        <a   href="javascript:;"  class="cBlack"><b class="icon1"></b>关注服务号</a>
                        <em style="display:none;" class="ylwTopSub">
                          <p>微信扫码<br/>关注PHP中文网服务号</p>
                          <img src="/static/images/examples/text16.png"/>
                        </em>
                      </span>
                        <span class="ylwTopBox">
                        <a   href="tencent://message/?uin=27220243&Site=www.php.cn&Menu=yes"  class="cBlack"><b class="icon2"></b>技术交流群</a>
                        <em style="display:none;" class="ylwTopSub">
                          <p>QQ扫码<br/>加入技术交流群</p>
                          <img src="/static/images/examples/text18.png"/>
                        </em>
                      </span>
                        <div class="clear"></div>
                    </dd>
                </dl>
                
            </div>
            <div class="phpFootRight">
                <div class="phpFootMsg">
                    <span><img src="/static/images/examples/text17.png"/></span>
                    <dl>
                        <dt>PHP中文网订阅号</dt>
                        <dd>每天精选资源文章推送</dd>
                    </dl>
                </div>
            </div>
        </div>
    </div>
    <div class="phpFootCode">
        <div class="phpFootCodeIn"><p>Copyright 2014-2026 <a   href="https://www.php.cn/" >https://www.php.cn/</a> All Rights Reserved | php.cn | <a   href="https://beian.miit.gov.cn/" rel="nofollow" >湘ICP备2023035733号</a></p><a   href="http://www.beian.gov.cn/portal/index.do" rel="nofollow" ><b></b></a></div>
    </div>
</div>
<input type="hidden" id="verifycode" value="/captcha.html">
<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?c0e685c8743351838d2a7db1c49abd56";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
<script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script>

<span class="layui-hide"><script type="text/javascript" src="https://s4.cnzz.com/z_stat.php?id=1280886301&web_id=1280886301"></script></span>

<script src="/static/js/cdn.js?v=1.0.1"></script>



	<!--底部 end-->
	<!-- content -->
	<!--
    <div class="phpFudong">
        <div class="phpFudongIn">
            <div class="phpFudongImg"></div>
            <div class="phpFudongXue">登录PHP中文网，和优秀的人一起学习！</div>
            <div class="phpFudongQuan">全站<span>2000+</span>教程免费学</div>
            <div class="phpFudongCode"><a   href="javascript:;" id="login" title="微信扫码登录">微信扫码登录</a></div>
            <div class="phpGuanbi" onclick="$('.phpFudong').hide();"></div>
            <div class="clear"></div>
        </div>
    </div>
-->	<!--底部浮动层 end-->
	<!--侧导航-->
	<style>
    .layui-fixbar{display: none;}
</style>
<div class="phpSdhBox" style="height:240px !important;">
    <li>
        <div class="phpSdhIn">
            <div class="phpSdhTitle">
                <a   href="/k24.html"  class="hover" title="PHP学习">
                    <b class="icon1"></b>
                    <p>PHP学习</p>
                </a>
            </div>
        </div>
    </li>
    <li>
        <div class="phpSdhIn">
            <div class="phpSdhTitle">
                <a   href="https://www.php.cn/blog/detail/1047189.html" >
                    <b class="icon2"></b>
                    <p>技术支持</p>
                </a>
            </div>
        </div>
    </li>
    <li>
        <div class="phpSdhIn">
            <div class="phpSdhTitle">
                <a   href="#">
                    <b class="icon6"></b>
                    <p>返回顶部</p>
                </a>
            </div>
        </div>
    </li>
</div>
	</body>

</html>

<script type="text/javascript" src="/hitsUp?type=article&id=1459944&time=1769120305">
</script>
<script src="/static/ueditor/third-party/SyntaxHighlighter/shCore.js?1769120305"></script>
<script>
	article_status = "1522183";
</script>
<input type="hidden" id="verifycode" value="/captcha.html">
<script type="text/javascript" src="/static/js/global.min.js?5.5.33"></script>
<link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' />
<script type='text/javascript' src='/static/js/viewer.min.js?1'></script>
<script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script>
<script type="text/javascript" src="/static/js/jquery.cookie.js"></script>
<script>var _hmt = _hmt || [];(function(){var hm = document.createElement("script");hm.src="//hm.baidu.com/hm.js?c0e685c8743351838d2a7db1c49abd56";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();(function(){var bp = document.createElement('script');var curProtocol = window.location.protocol.split(':')[0];if(curProtocol === 'https'){bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';}else{bp.src = 'http://push.zhanzhang.baidu.com/push.js';};var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(bp, s);})();</script>
	

<script>
	function setCookie(name, value, iDay) { //name相当于键，value相当于值，iDay为要设置的过期时间（天）
		var oDate = new Date();
		oDate.setDate(oDate.getDate() + iDay);
		document.cookie = name + '=' + value + ';path=/;domain=.php.cn;expires=' + oDate;
	}

	function getCookie(name) {
		var cookieArr = document.cookie.split(";");
		for (var i = 0; i < cookieArr.length; i++) {
			var cookiePair = cookieArr[i].split("=");
			if (name == cookiePair[0].trim()) {
				return decodeURIComponent(cookiePair[1]);
			}
		}
		return null;
	}
</script>


<!-- Matomo -->
<script>
	var _paq = window._paq = window._paq || [];
	/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
	_paq.push(['trackPageView']);
	_paq.push(['enableLinkTracking']);
	(function () {
		var u = "https://tongji.php.cn/";
		_paq.push(['setTrackerUrl', u + 'matomo.php']);
		_paq.push(['setSiteId', '11']);
		var d = document,
			g = d.createElement('script'),
			s = d.getElementsByTagName('script')[0];
		g.async = true;
		g.src = u + 'matomo.js';
		s.parentNode.insertBefore(g, s);
	})();
</script>
<!-- End Matomo Code -->

<script>
	setCookie('is_article', 1, 1);
</script>

<script>
	var is_login = "0";
        var show = 0;
        var ceng = getCookie('ceng');
        //未登录复制显示登录按钮
        if(is_login == 0 && false){
            $(".code").hover(function(){
                $(this).find('.contentsignin').show();
            },function(){
                $(this).find('.contentsignin').hide();
            });
            //不给复制
            $('.code').bind("cut copy paste",function(e) {
                e.preventDefault();
            });
            $('.code .contentsignin').click(function(){
                $(document).trigger("api.loginpopbox");
            })
        }else{
            // 获取所有的 <pre> 元素
            var preElements = document.querySelectorAll('pre');
            preElements.forEach(function(preElement) {
                // 创建复制按钮
                var copyButton = document.createElement('button');
                copyButton.className = 'copy-button';
                copyButton.textContent = '复制';
                // 添加点击事件处理程序
                copyButton.addEventListener('click', function() {
                    // 获取当前按钮所属的 <pre> 元素中的文本内容
                    var textContent = preElement.textContent.trim();
                    // 创建一个临时 textarea 元素并设置其值为 <pre> 中的文本内容
                    var tempTextarea = document.createElement('textarea');
                    tempTextarea.value = textContent;
                    // 将临时 textarea 添加到文档中
                    document.body.appendChild(tempTextarea);
                    // 选中临时 textarea 中的文本内容并执行复制操作
                    tempTextarea.select();
                    document.execCommand('copy');
                    // 移除临时 textarea 元素
                    document.body.removeChild(tempTextarea);
                    // 更新按钮文本为 "已复制"
                    this.textContent = '已复制';
                });

                // 创建AI写代码按钮
                var aiButton = document.createElement('button');
                aiButton.className = 'copy-button';
                aiButton.textContent = 'AI写代码';
                aiButton.style.marginLeft = '5px';
                aiButton.style.marginRight = '5px';
                // 添加点击事件处理程序
                aiButton.addEventListener('click', function() {
                // Generate a random number between 0 and 1
                        var randomChance = Math.random();

                    // If the random number is less than 0.5, open the first URL, else open the second
                    if (randomChance < 0.5) {
                        window.open('https://www.doubao.com/chat/coding?channel=php&source=hw_db_php', '_blank');
                    } else {
                        window.open('https://click.aliyun.com/m/1000402709/', '_blank');
                    }
                });

                // 将按钮添加到 <pre> 元素前面
                preElement.parentNode.insertBefore(copyButton, preElement);
                preElement.parentNode.insertBefore(aiButton, preElement);
        });
        }
</script>