用户输入文章搜索

搜索: 用户输入

vue组件中如何处理用户输入事件

Vue组件中如何处理用户输入事件，需要具体代码示例在Vue组件开发中，用户输入事件是一个非常重要的方面。它允许用户与页面进行交互，并可以实现诸如表单验证、数据过滤等功能。本文将介绍如何在Vue组件中处理用户输入事件，并提供一些具体的代码示例。首先，我们需要在Vue组件中定义一个方法，用于处理用户输入事件。可以将该方法命名为"handleInput"或者根据具

文章 · 前端 | 2年前 | 用户输入事件处理 Vue组件用户输入处理处理Vue组件用户输入 489浏览收藏
姓名：姓名：

姓名：构建评论区的表单时，通常使用 html 的
标签来包裹表单元素，其中多行文本域（）用于<font style="color: #ff6600;">用户输入</font>较长的评论内容。以下是基本结构和属性设置说明：✅ 基本表单结构示例<form action="/submit-comment" method="post"> <label for="name">姓名：</label> <input type="text" id="</a> </dt> <dd class="cont1 lineTwoOverflow"> 答案：使用form标签构建评论区，通过textarea实现多行文本输入，设置name、rows、cols、placeholder、maxlength等属性优化交互，并结合CSS提升用户体验。 </dd> <dd class="cont2"> <span> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a> | 1星期前 | <a href="javascript:;" class="aLightGray" title="html">html</a> <a href="javascript:;" class="aLightGray" title="html函数">html函数</a> </span> <span><i class="view"></i>485浏览</span> <span class="collectBtn user_collection" data-id="598817" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </dd> </dl> </div> </li> <li> <div class="contBox"> <a href="/article/69560.html" class="img_box" target="_blank" title="如何在PHP8中使用Sanitize Filters过滤用户输入？"> <img src="/uploads/696/16b1507ea05cdc42ce0a3e03e36b1c86.png" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="如何在PHP8中使用Sanitize Filters过滤用户输入？"> </a> <dl> <dt class="lineOverflow"> <a href="/article/69560.html" target="_blank" class="aBlack" title="如何在PHP8中使用Sanitize Filters过滤用户输入？">如何在php8中使用sanitize filters过滤<font style="color: #ff6600;">用户输入</font>？</a> </dt> <dd class="cont1 lineTwoOverflow"> 如何在PHP8中使用SanitizeFilters过滤用户输入？简介：在Web开发中，用户输入数据通常需要经过验证和过滤，以确保数据的有效性和安全性。PHP8引入了一种新的过滤器机制，即SanitizeFilters，可以方便地对用户输入进行过滤和处理。本文将介绍如何在PHP8中使用SanitizeFilters来过滤用户输入，并提供具体的代码示例。一 </dd> <dd class="cont2"> <span> <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="php">php</a> <a href="javascript:;" class="aLightGray" title="Sanitize Filters">Sanitize Filters</a> <a href="javascript:;" class="aLightGray" title="用户输入过滤">用户输入过滤</a> </span> <span><i class="view"></i>481浏览</span> <span class="collectBtn user_collection" data-id="69560" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </dd> </dl> </div> </li> <li> <div class="contBox"> <a href="/article/286212.html" class="img_box" target="_blank" title="Java用户输入读取方法汇总"> <img src="/uploads/20250815/1755264508689f35fc54928.jpg" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="Java用户输入读取方法汇总"> </a> <dl> <dt class="lineOverflow"> <a href="/article/286212.html" target="_blank" class="aBlack" title="Java用户输入读取方法汇总">java<font style="color: #ff6600;">用户输入</font>读取方法汇总</a> </dt> <dd class="cont1 lineTwoOverflow"> Java中获取控制台输入最常用的是Scanner类，其流程为：导入Scanner类→创建Scanner实例关联System.in→调用相应方法读取数据→关闭Scanner。使用Scanner时有三个主要注意事项：1.换行符陷阱，nextInt()或nextDouble()后需调用nextLine()清除残留换行符；2.资源管理，使用完Scanner后应调用close()释放资源；3.输入类型不匹配问题，应使用hasNextX()方法进行校验或捕获异常处理。除Scanner外，还可使用BufferedRea </dd> <dd class="cont2"> <span> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/85_new_0_1.html" class="aLightGray" title="java教程">java教程</a> | 9个月前 | </span> <span><i class="view"></i>479浏览</span> <span class="collectBtn user_collection" data-id="286212" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </dd> </dl> </div> </li> <li> <div class="contBox"> <a href="/article/67161.html" class="img_box" target="_blank" title="PHP开发中如何安全处理用户输入和请求"> <img src="/uploads/672/30d45353ce038e696cc130c1c9766ed5.png" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="PHP开发中如何安全处理用户输入和请求"> </a> <dl> <dt class="lineOverflow"> <a href="/article/67161.html" target="_blank" class="aBlack" title="PHP开发中如何安全处理用户输入和请求">php开发中如何安全处理<font style="color: #ff6600;">用户输入</font>和请求</a> </dt> <dd class="cont1 lineTwoOverflow"> PHP开发中如何安全处理用户输入和请求随着互联网的发展和普及，有越来越多的人参与到Web应用程序的开发中。而作为其中常用的一种开发语言，PHP的使用也越来越广泛。然而，由于用户输入的不可控性，Web应用程序往往面临着安全风险，如SQL注入、跨站脚本攻击等。因此，在进行PHP开发时，我们需要针对用户输入进行安全处理，以防止恶意操作和攻击。本文将介绍一些常见的安 </dd> <dd class="cont2"> <span> <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="输入验证 (Input Validation)">输入验证 (Input Validation)</a> <a href="javascript:;" class="aLightGray" title="防止注入攻击 (Preventing SQL Injection)">防止注入攻击 (Preventing SQL Injection)</a> <a href="javascript:;" class="aLightGray" title="跨站点脚本攻击预防 (XSS Prevention)">跨站点脚本攻击预防 (XSS Prevention)</a> </span> <span><i class="view"></i>477浏览</span> <span class="collectBtn user_collection" data-id="67161" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </dd> </dl> </div> </li> <li> <div class="contBox"> <a href="/article/527665.html" class="img_box" target="_blank" title="HTML表单显示密码强度提示的方法通常涉及使用JavaScript和CSS来实时检测用户输入的密码，并根据强度变化提供反馈。以下是实现这一功能的基本步骤和示例代码：1.HTML结构创建一个密码输入框和一个用于显示强度提示的元素。<labelfor="password">密码：</label><inputtype="password"id="password"oninp"> <img src="/uploads/20260312/177329525769b25699178a8.png" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="HTML表单显示密码强度提示的方法通常涉及使用JavaScript和CSS来实时检测用户输入的密码，并根据强度变化提供反馈。以下是实现这一功能的基本步骤和示例代码：1.HTML结构创建一个密码输入框和一个用于显示强度提示的元素。<labelfor="password">密码：</label><inputtype="password"id="password"oninp"> </a> <dl> <dt class="lineOverflow"> <a href="/article/527665.html" target="_blank" class="aBlack" title="HTML表单显示密码强度提示的方法通常涉及使用JavaScript和CSS来实时检测用户输入的密码，并根据强度变化提供反馈。以下是实现这一功能的基本步骤和示例代码：1.HTML结构创建一个密码输入框和一个用于显示强度提示的元素。<labelfor="password">密码：</label><inputtype="password"id="password"oninp">html表单显示密码强度提示的方法通常涉及使用javascript和css来实时检测<font style="color: #ff6600;">用户输入</font>的密码，并根据强度变化提供反馈。以下是实现这一功能的基本步骤和示例代码：1.html结构创建一个密码输入框和一个用于显示强度提示的元素。<labelfor="password">密码：</label><inputtype="password"id="password"oninp</a> </dt> <dd class="cont1 lineTwoOverflow"> 必须用JavaScript监听input事件配合正则与字符集检测实现分级提示，纯pattern无法动态反馈；提示需紧贴input下方用display:none控制显隐，前后端校验策略须一致且可配置。 </dd> <dd class="cont2"> <span> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a> | 2个月前 | </span> <span><i class="view"></i>474浏览</span> <span class="collectBtn user_collection" data-id="527665" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </dd> </dl> </div> </li> <li> <div class="contBox"> <a href="/article/68571.html" class="img_box" target="_blank" title="Vue中如何处理用户输入的验证和提示"> <img src="/uploads/686/2e9f7da4d099b2fc3227f4fcb6206b92.png" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="Vue中如何处理用户输入的验证和提示"> </a> <dl> <dt class="lineOverflow"> <a href="/article/68571.html" target="_blank" class="aBlack" title="Vue中如何处理用户输入的验证和提示">vue中如何处理<font style="color: #ff6600;">用户输入</font>的验证和提示</a> </dt> <dd class="cont1 lineTwoOverflow"> Vue中如何处理用户输入的验证和提示Vue是一种用于构建用户界面的渐进式框架，它允许我们轻松地处理用户输入的验证和提示。在本文中，我们将介绍一些Vue中常用的技巧和代码示例来实现这些功能。一、基本的用户输入验证和提示使用v-model指令绑定输入框的值v-model指令是Vue中用于实现双向数据绑定的重要指令，我们可以通过它将输入框的值与Vue实例中的数据进 </dd> <dd class="cont2"> <span> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a> | 2年前 | <a href="javascript:;" class="aLightGray" title="验证 (Validation)">验证 (Validation)</a> <a href="javascript:;" class="aLightGray" title="用户输入 (User Input)">用户输入 (User Input)</a> <a href="javascript:;" class="aLightGray" title="提示 (Prompt)">提示 (Prompt)</a> </span> <span><i class="view"></i>473浏览</span> <span class="collectBtn user_collection" data-id="68571" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </dd> </dl> </div> </li> <li> <div class="contBox"> <a href="/article/130623.html" class="img_box" target="_blank" title="使用Golang函数处理用户输入验证"> <img src="/uploads/20240504/1714783892663586949984d.jpg" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="使用Golang函数处理用户输入验证"> </a> <dl> <dt class="lineOverflow"> <a href="/article/130623.html" target="_blank" class="aBlack" title="使用Golang函数处理用户输入验证">使用golang函数处理<font style="color: #ff6600;">用户输入</font>验证</a> </dt> <dd class="cont1 lineTwoOverflow"> 使用Go函数验证用户输入是确保应用程序安全性和完整性的关键。Go提供了errors包，用于创建自定义校验器函数，该函数返回描述错误的字符串。开发人员可以使用校验器函数在应用程序中验证用户输入。此外，Go语言还可匹配正则表达式，有助于验证电子邮件等更复杂的数据格式。通过利用Go的内置功能和自定的校验器，开发者可以高效地处理用户输入，确保数据的准确性和系统的安全性。 </dd> <dd class="cont2"> <span> <a href="/articlelist/25_new_0_1.html" class="aLightGray" title="Golang">Golang</a> · <a href="/articlelist/44_new_0_1.html" class="aLightGray" title="Go教程">Go教程</a> | 2年前 | </span> <span><i class="view"></i>470浏览</span> <span class="collectBtn user_collection" data-id="130623" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </dd> </dl> </div> </li> <li> <div class="contBox"> <a href="/article/280759.html" class="img_box" target="_blank" title="Java中的MVC架构是一种设计模式，将应用程序分为三个核心组件：模型（Model）、视图（View）和控制器（Controller）。模型负责数据处理和业务逻辑，视图负责界面展示，控制器则处理用户输入并协调模型与视图之间的交互。在JavaWeb开发中，MVC常用于分离关注点，提高代码可维护性和可扩展性。例如，Servlet作为控制器，JSP作为视图，JavaBean作为模型，共同构建清晰的项目结"> <img src="/uploads/20250811/17548821886899608c0b9ad.jpg" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="Java中的MVC架构是一种设计模式，将应用程序分为三个核心组件：模型（Model）、视图（View）和控制器（Controller）。模型负责数据处理和业务逻辑，视图负责界面展示，控制器则处理用户输入并协调模型与视图之间的交互。在JavaWeb开发中，MVC常用于分离关注点，提高代码可维护性和可扩展性。例如，Servlet作为控制器，JSP作为视图，JavaBean作为模型，共同构建清晰的项目结"> </a> <dl> <dt class="lineOverflow"> <a href="/article/280759.html" target="_blank" class="aBlack" title="Java中的MVC架构是一种设计模式，将应用程序分为三个核心组件：模型（Model）、视图（View）和控制器（Controller）。模型负责数据处理和业务逻辑，视图负责界面展示，控制器则处理用户输入并协调模型与视图之间的交互。在JavaWeb开发中，MVC常用于分离关注点，提高代码可维护性和可扩展性。例如，Servlet作为控制器，JSP作为视图，JavaBean作为模型，共同构建清晰的项目结">java中的mvc架构是一种设计模式，将应用程序分为三个核心组件：模型（model）、视图（view）和控制器（controller）。模型负责数据处理和业务逻辑，视图负责界面展示，控制器则处理<font style="color: #ff6600;">用户输入</font>并协调模型与视图之间的交互。在javaweb开发中，mvc常用于分离关注点，提高代码可维护性和可扩展性。例如，servlet作为控制器，jsp作为视图，javabean作为模型，共同构建清晰的项目结</a> </dt> <dd class="cont1 lineTwoOverflow"> MVC是一种将业务逻辑、数据展示和用户交互分离的设计模式，提升代码可维护性与扩展性。其核心由Model（处理数据与业务逻辑）、View（展示数据如JSP页面）、Controller（接收请求并协调模型与视图）组成。在JavaWeb中，MVC通过Servlet（控制器）、JavaBean+Service（模型）与JSP（视图）实现，具体步骤为：1.Controller层（Servlet）接收HTTP请求并调用模型处理数据；2.Model层封装数据与业务逻辑；3.View层（JSP）动态展示结果。使用MVC的 </dd> <dd class="cont2"> <span> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/85_new_0_1.html" class="aLightGray" title="java教程">java教程</a> | 9个月前 | </span> <span><i class="view"></i>469浏览</span> <span class="collectBtn user_collection" data-id="280759" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </dd> </dl> </div> </li> <li> <div class="contBox"> <a href="/article/112054.html" class="img_box" target="_blank" title="与用户交互的交互式容器中，通过 Golang docker SDK 启用 os.stdin 接收用户输入"> <img src="/uploads/1121/5b3a2a32edfa718d4f83bf42fc89d929.png" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="与用户交互的交互式容器中，通过 Golang docker SDK 启用 os.stdin 接收用户输入"> </a> <dl> <dt class="lineOverflow"> <a href="/article/112054.html" target="_blank" class="aBlack" title="与用户交互的交互式容器中，通过 Golang docker SDK 启用 os.stdin 接收用户输入">与用户交互的交互式容器中，通过 golang docker sdk 启用 os.stdin 接收<font style="color: #ff6600;">用户输入</font></a> </dt> <dd class="cont1 lineTwoOverflow"> 我的最后一招是在这里问。我是golang新手，我编写了一些简单的程序。我正在尝试执行以下操作：使用戈兰：1-运行容器2-接受容器的输入标准输入我想使用的示例是hashicorp/terraformdocker映像，我想做一个简单的terraformapply但我需要等待用户输入下面是我到目前为止正在工作的代码...任何尝试下面确切代码的人都需要更新aws环境变量或将terraform测试文件更改为另一个提供商...或者只是使用不同的docker映 </dd> <dd class="cont2"> <span> <a href="/articlelist/25_new_0_1.html" class="aLightGray" title="Golang">Golang</a> · <a href="/articlelist/45_new_0_1.html" class="aLightGray" title="Go问答">Go问答</a> | 2年前 | </span> <span><i class="view"></i>466浏览</span> <span class="collectBtn user_collection" data-id="112054" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </dd> </dl> </div> </li> </ul> <div class="mngfPage"><a href="/search?q=用户输入&type=article&page=1" class="prevPage on"></a> <a href="/search?q=用户输入&type=article&page=1">1</a><a class="currentPage">2</a><a href="/search?q=用户输入&type=article&page=3">3</a><a href="/search?q=用户输入&type=article&page=4">4</a><a href="/search?q=用户输入&type=article&page=14">14</a><a href="/search?q=用户输入&type=article&page=15">15</a> <a href="/search?q=用户输入&type=article&page=3" class="nextPage on"></a></div> </div> </div> <div class="mainRight"> <div class="hotNewsBanner"> <a href="javascript:;" class="img_box"> <img src="/assets/images/image.bmp" onerror="this.onerror='',this.src='/assets/images/moren/morentu.png'" alt="扫码关注公众号获取更多Go知识"> </a> </div>  <div class="rightContBox"> <div class="rightTit"> <a href="/articlelist.html" target="_blank" class="more" title="查看更多">查看更多<i class="iconfont"></i></a> <div class="tit lineOverflow">相关文章</div> </div> <ul class="aboutArticleRList"> <li> <dl> <dt class="lineTwoOverflow"><a href="/article/608271.html" target="_blank" class="aBlack" title="JavaScript调试技巧：断点与性能分析实用指南">JavaScript调试技巧：断点与性能分析实用指南</a></dt> <dd> <span class="left">2026-05-22</span> <span class="right">268浏览</span> </dd> </dl> </li> <li> <dl> <dt class="lineTwoOverflow"><a href="/article/608270.html" target="_blank" class="aBlack" title="美团外卖优惠券每日领取教程">美团外卖优惠券每日领取教程</a></dt> <dd> <span class="left">2026-05-22</span> <span class="right">307浏览</span> </dd> </dl> </li> <li> <dl> <dt class="lineTwoOverflow"><a href="/article/608269.html" target="_blank" class="aBlack" title="Windows 11图标堆栈怎么开？">Windows 11图标堆栈怎么开？</a></dt> <dd> <span class="left">2026-05-22</span> <span class="right">200浏览</span> </dd> </dl> </li> <li> <dl> <dt class="lineTwoOverflow"><a href="/article/608268.html" target="_blank" class="aBlack" title="Ozon审核不通过原因及修改方法">Ozon审核不通过原因及修改方法</a></dt> <dd> <span class="left">2026-05-22</span> <span class="right">295浏览</span> </dd> </dl> </li> <li> <dl> <dt class="lineTwoOverflow"><a href="/article/608267.html" target="_blank" class="aBlack" title="第五人格PC录像保存方法及查看教程">第五人格PC录像保存方法及查看教程</a></dt> <dd> <span class="left">2026-05-22</span> <span class="right">185浏览</span> </dd> </dl> </li> <li> <dl> <dt class="lineTwoOverflow"><a href="/article/608266.html" target="_blank" class="aBlack" title="Element.getAttributeNames 获取所有属性方法详解">Element.getAttributeNames 获取所有属性方法详解</a></dt> <dd> <span class="left">2026-05-22</span> <span class="right">268浏览</span> </dd> </dl> </li> </ul> </div> </div> </div> <div class="footer"> <div class="footerIn"> <div class="footLeft"> <div class="linkBox"> <a href="/about/1.html" target="_blank" class="aBlack" title="关于我们">关于我们</a> <a href="/about/5.html" target="_blank" class="aBlack" title="免责声明">免责声明</a> <a href="#" class="aBlack" title="意见反馈">意见反馈</a> <a href="/about/2.html" class="aBlack" target="_blank" title="联系我们">联系我们</a> <a href="/send.html" class="aBlack" title="广告合作">内容提交</a> </div> <div class="footTip">Golang学习网：公益在线Go学习平台，帮助Go学习者快速成长！</div> <div class="shareBox"> <span><i class="qq"></i>技术交流群</span> </div> <div class="copyRight"> Copyright 2023 http://www.17golang.com/ All Rights Reserved ｜ <a href="https://beian.miit.gov.cn/" target="_blank" title="备案">苏ICP备2023003363号-1</a> </div> </div> <div class="footRight"> <ul class="encodeList"> <li> <div class="encodeImg"> <img src="/assets/examples/qrcode_for_gh.jpg" alt="Golang学习网"> </div> <div class="tit">关注公众号</div> <div class="tip">Golang学习网</div> </li> <div class="clear"></div> </ul> </div> <div class="clear"></div> </div> </div>  <style> .popupBg .n-error{ color: red; } </style> <div class="popupBg"> <div class="loginBoxBox"> <div class="imgbg"> <img src="/assets/images/leftlogo.jpg" alt=""> </div>  <div class="loginInfo encodeLogin" style="display: none;"> <div class="closeIcon" onclick="$('.popupBg').hide();"></div> <div class="changeLoginType cursorPointer create_wxqrcode" onclick="$('.loginInfo').hide();$('.passwordLogin').show();"> <div class="tip">密码登录在这里</div> </div> <div class="encodeInfo"> <div class="tit"><i></i> 微信扫码登录或注册</div> <div class="encodeImg"> <span id="wx_login_qrcode"><img src="/assets/examples/code.png" alt="二维码"></span>  </div> <div class="tip">打开微信扫一扫，快速登录/注册</div> </div> <div class="beforeLoginTip">登录即同意 <a href="#" class="aBlue" title="用户协议">用户协议</a> 和 <a href="#" class="aBlue" title="隐私政策">隐私政策</a></div> </div>  <div class="loginInfo passwordLogin"> <div class="closeIcon" onclick="$('.popupBg').hide();"></div> <div class="changeLoginType cursorPointer create_wxqrcode" onclick="$('.loginInfo').hide();$('.encodeLogin').show();"> <div class="tip">微信登录更方便</div> </div> <div class="passwordInfo"> <ul class="logintabs selfTabMenu"> <li class="selfTabItem loginFormLi curr">密码登录</li> <li class="selfTabItem registerFormBox ">注册账号</li> </ul> <div class="selfTabContBox"> <div class="selfTabCont loginFormBox" style="display: block;"> <form name="form" id="login-form" class="form-vertical form" method="POST" action="/index/user/login"> <input type="hidden" name="url" value="//17golang.com/search?page=2&q=%E7%94%A8%E6%88%B7%E8%BE%93%E5%85%A5&type=article"/> <input type="hidden" name="__token__" value="3acc149ca0ff83f05e1387a1e2b69466" /> <div class="form-group" style="height:70px;"> <input class="form-control" id="account" type="text" name="account" value="" data-rule="required" placeholder="邮箱/用户名" autocomplete="off"> </div> <div class="form-group" style="height:70px;"> <input class="form-control" id="password" type="password" name="password" data-rule="required;password" placeholder="密码" autocomplete="off"> </div> <div class="codeBox" style="height:70px;"> <div class="form-group" style="height:70px; width:205px; float: left;"> <input type="text" name="captcha" class="form-control" placeholder="验证码" data-rule="required;length(4)" /> </div> <span class="input-group-btn" style="padding:0;border:none;"> <img src="/captcha.html" width="100" height="45" onclick="this.src = '/captcha.html?r=' + Math.random();"/> </span> </div> <div class="other"> <a href="#" class="forgetPwd aGray" onclick="$('.loginInfo').hide();$('.passwordForget').show();" title="忘记密码">忘记密码</a> </div> <div class="loginBtn mt25"> <button type="submit">登录</button> </div> </form> </div> <div class="selfTabCont registerFormBox" style="display: none;"> <form name="form1" id="register-form" class="form-vertical form" method="POST" action="/index/user/register"> <input type="hidden" name="invite_user_id" value="0"/> <input type="hidden" name="url" value="//17golang.com/search?page=2&q=%E7%94%A8%E6%88%B7%E8%BE%93%E5%85%A5&type=article"/> <input type="hidden" name="__token__" value="3acc149ca0ff83f05e1387a1e2b69466" /> <div class="form-group" style="height:70px;"> <input type="text" name="email" id="email2" data-rule="required;email" class="form-control" placeholder="邮箱"> </div> <div class="form-group" style="height:70px;"> <input type="text" id="username" name="username" data-rule="required;username" class="form-control" placeholder="用户名必须3-30个字符"> </div> <div class="form-group" style="height:70px;"> <input type="password" id="password2" name="password" data-rule="required;password" class="form-control" placeholder="密码必须6-30个字符"> </div> <div class="codeBox" style="height:70px;"> <div class="form-group" style="height:70px; width:205px; float: left;"> <input type="text" name="captcha" class="form-control" placeholder="验证码" data-rule="required;length(4)" /> </div> <span class="input-group-btn" style="padding:0;border:none;"> <img src="/captcha.html" width="100" height="45" onclick="this.src = '/captcha.html?r=' + Math.random();"/> </span> </div> <div class="loginBtn"> <button type="submit">注册</button> </div> </form> </div> </div> </div> <div class="beforeLoginTip">登录即同意 <a href="https://www.17golang.com/about/3.html" target="_blank" class="aBlue" title="用户协议">用户协议</a> 和 <a href="https://www.17golang.com/about/4.html" target="_blank" class="aBlue" title="隐私政策">隐私政策</a></div> </div>  <div class="loginInfo passwordForget"> <div class="closeIcon" onclick="$('.popupBg').hide();"></div> <div class="returnLogin cursorPointer" onclick="$('.passwordForget').hide();$('.passwordLogin').show();">返回登录</div> <div class="passwordInfo"> <ul class="logintabs selfTabMenu"> <li class="selfTabItem">重置密码</li> </ul> <div class="selfTabContBox"> <div class="selfTabCont"> <form id="resetpwd-form" class="form-horizontal form-layer nice-validator n-default n-bootstrap form" method="POST" action="/api/user/resetpwd.html" novalidate="novalidate"> <div style="height:70px;"> <input type="text" class="form-control" id="email" name="email" value="" placeholder="输入邮箱" aria-invalid="true"> </div> <div class="codeBox" style="height:70px;"> <div class="form-group" style="height:70px; width:205px; float: left;"> <input type="text" name="captcha" class="form-control" placeholder="验证码" /> </div> <span class="input-group-btn" style="padding:0;border:none;"> <a href="javascript:;" class="btn btn-primary btn-captcha cursorPointer" style="background: #2080F8; border-radius: 4px; color: #fff; padding: 12px; position: absolute;" data-url="/api/ems/send.html" data-type="email" data-event="resetpwd">发送验证码</a> </span> </div> <input type="password" class="form-control" id="newpassword" name="newpassword" value="" placeholder="请输入6-18位密码"> <div class="loginBtn mt25"> <button type="submit">重置密码</button> </div> </form> </div> </div> </div> </div> </div> </div> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?3dc5666f6478c7bf39cd5c91e597423d"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script src="/assets/js/require.js" data-main="/assets/js/require-frontend.js?v=1671101972"></script> </body> </html>