[开始学习新技能] 学习 HTML 表单

介绍

欢迎来到“精通 HTML 表单：初学者指南”，这是一门在线课程，旨在帮助您了解创建和设计 HTML 表单的基础知识。本课程是 Coursera 提供的全面学习体验的一部分，非常适合那些希望提高 Web 开发技能的人。

主要特征

• 实践学习：这个基于项目的课程允许您通过实践练习创建和设计 HTML 表单和表格。
• 逐步指导：了解如何使用 HTML 元素构造表格，例如 <table>, <tr>, <td>, <th>, <form>， 和 <input>.
• 表单创建：掌握使用 HTML 元素创建表单的方法，例如 <form>, <input>， 和 </code>，包括各种输入类型。</li> <li><strong>CSS 样式</strong>：了解如何使用 CSS 设置表格和表单的布局、颜色和文本属性的样式和结构。</li> <li><strong>实际应用</strong>：了解如何应用这些技能为您的网站创建活动列表、产品列表、联系表格和预订表格。</li> </ul> <h2 id="478ar">用例</h2> <ul> <li><strong>活动列表</strong>：创建表格以显示事件详细信息，包括日期、时间、地点和描述。</li> <li><strong>产品列表</strong>：使用表格收集客户信息并以结构化的方式显示产品详细信息。</li> <li><strong>联系表格</strong>：设计交互式联系表，允许用户提交他们的疑问或反馈。</li> <li><strong>预订表格</strong>：开发用于预订服务或产品的表格，确保无缝的用户体验。</li> </ul> <h2 id="aa6r3">为什么你应该参加这门课程</h2> <p>在当今的数字时代，了解如何创建和设计 HTML 表单对于任何 Web 开发人员来说都至关重要。本课程提供对 HTML 和 CSS 的基本理解，使您能够构建具有视觉吸引力和功能性的网页。通过掌握这些技能，您可以提升自己的职业前景，并更有效地为 Web 开发项目做出贡献。</p> <h2 id="dfem8">谁将从本课程中受益</h2> <p>本课程适合：</p> <ul> <li><strong>初学者</strong>：那些刚接触 Web 开发并想要学习 HTML 和 CSS 基础知识的人。</li> <li><strong>中级学习者</strong>：开发人员希望提高表单创建和样式设计的技能。</li> <li><strong>专业人士</strong>：任何想要更新知识或扩展 Web 开发技能的人。</li> </ul> <h2 id="boq7v">开始获得新证书</h2> <p>不要错过这个提升 Web 开发技能的机会。立即加入“精通 HTML 表单：初学者指南”，开始通过可共享的职业证书建立您的职业生涯。单击此处了解更多信息并开始： <a href="https://go.ltdstartupbooster.com/LearnHTMLForms-20112024" target="_blank" rel="noopener noreferrer">立即报名</a>.</p> <p>通过参加本课程，您不仅可以获得实用技能，还可以获得可添加到您的 LinkedIn 个人资料、简历或履历中的宝贵证书。立即开始掌握 HTML 表单的旅程！</p> <p><!-- strchf script --><script>if(window.strchfSettings === undefined) window.strchfSettings = {};window.strchfSettings.stats = {url: "https://managed-wp.storychief.io/en/start-learning-new-skill-learn-html-forms?id=1926252174&type=2",title: "[Start Learning New Skill] Learn HTML Forms",siteId: "3033",id: "935dcc60-3a40-4600-8871-f4799c5bef6c"};(function(d, s, id) {var js, sjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) {window.strchf.update(); return;}js = d.createElement(s); js.id = id;js.src = "https://d37oebn0w9ir6a.cloudfront.net/scripts/v0/strchf.js";js.async = true;sjs.parentNode.insertBefore(js, sjs);}(document, 'script', 'storychief-jssdk'))</script><!-- End strchf script --></p> </div> <footer class="entry-meta" aria-label="条目 meta" data-no-translation-aria-label=""> <span class="cat-links"><span class="gp-icon icon-categories"><svg viewbox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M0 112c0-26.51 21.49-48 48-48h110.014a48 48 0 0143.592 27.907l12.349 26.791A16 16 0 00228.486 128H464c26.51 0 48 21.49 48 48v224c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V112z" /></svg></span><span class="screen-reader-text">分类 </span><a href="https://ltdstartupbooster.com/zh_cn/category/online-course/" rel="category tag">在线课程</a></span> </footer> <div class="gb-container gb-container-d1dd99b1"><div class="gb-inside-container"> <div class="gb-grid-wrapper gb-grid-wrapper-a4b97d6a"> <div class="gb-grid-column gb-grid-column-9c89f761"><div class="gb-container gb-container-9c89f761"><div class="gb-inside-container"> <div class="gb-grid-wrapper gb-grid-wrapper-c04126aa"> <div class="gb-grid-column gb-grid-column-9cf413a8"><div class="gb-container gb-container-9cf413a8"><div class="gb-inside-container"> <div class="gb-button-wrapper gb-button-wrapper-38a2c075"> <a class="gb-button gb-button-bec8d56e" href="https://ltdstartupbooster.com/zh_cn/2024/11/21/gixus-business-consulting-it-agency-wordpress/"><span class="gb-icon"><svg viewbox="0 0 16 16" class="bi bi-arrow-left-square" fill="currentColor" height="16" width="16" xmlns="http://www.w3.org/2000/svg"> <path d="M15 2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2zM0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm11.5 5.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5z" fill-rule="evenodd"></path> </svg></span></a> </div> </div></div></div> <div class="gb-grid-column gb-grid-column-625f3305"><div class="gb-container gb-container-625f3305"><div class="gb-inside-container"> <p class="gb-headline gb-headline-a6f36397 gb-headline-text"><a href="https://ltdstartupbooster.com/zh_cn/2024/11/21/gixus-business-consulting-it-agency-wordpress/">Gixus | 商业咨询和 IT 机构 WordPress</a></p> </div></div></div> </div> </div></div></div> <div class="gb-grid-column gb-grid-column-5d70717c"><div class="gb-container gb-container-5d70717c"><div class="gb-inside-container"> <div class="gb-grid-wrapper gb-grid-wrapper-ee647ff2"> <div class="gb-grid-column gb-grid-column-78f3ead4"><div class="gb-container gb-container-78f3ead4"><div class="gb-inside-container"> <p class="gb-headline gb-headline-643cf12f gb-headline-text"><a href="https://ltdstartupbooster.com/zh_cn/2024/11/21/new-ltd-alert-contact-concert-effortless-web-push-notifications-tool-for-seamless-audience-engagement/">全新 LTD Alert – Contact Concert：轻松的 Web 推送通知工具，实现无缝观众互动</a></p> </div></div></div> <div class="gb-grid-column gb-grid-column-780c810b"><div class="gb-container gb-container-780c810b"><div class="gb-inside-container"> <div class="gb-button-wrapper gb-button-wrapper-fe863527"> <a class="gb-button gb-button-122d9fa4" href="https://ltdstartupbooster.com/zh_cn/2024/11/21/new-ltd-alert-contact-concert-effortless-web-push-notifications-tool-for-seamless-audience-engagement/"><span class="gb-icon"><svg viewbox="0 0 16 16" class="bi bi-arrow-right-square" fill="currentColor" height="16" width="16" xmlns="http://www.w3.org/2000/svg"> <path d="M15 2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2zM0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm4.5 5.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z" fill-rule="evenodd"></path> </svg></span></a> </div> </div></div></div> </div> </div></div></div> </div> </div></div> <p></p> </div> </article> <div class="comments-area"> <div id="disqus_thread"></div> </div> </main> </div> </div> </div> <div class="site-footer"> <div class="gb-container gb-container-215ca2b7"><div class="gb-inside-container"> <h2 class="gb-headline gb-headline-63d5de93"><span class="gb-icon"><svg xml:space="preserve" style="enable-background:new 0 0 80 47" viewbox="0 0 80 47" xmlns="http://www.w3.org/2000/svg"> <path d="M18.7 23.5 42.2 0H23.5L0 23.5 23.5 47h18.7L18.7 23.5z"></path> <path d="M56.5 23.5 80 0H61.3L37.8 23.5 61.3 47H80L56.5 23.5z"></path> </svg></span></h2> </div></div> <div class="gb-container gb-container-85529cf0"><div class="gb-inside-container"> <div class="gb-grid-wrapper gb-grid-wrapper-214e14b1"> <div class="gb-grid-column gb-grid-column-4effdea4"><div class="gb-container gb-container-4effdea4"><div class="gb-inside-container"> <h4 class="gb-headline gb-headline-6c041734 gb-headline-text">联系我们以获得赞助机会</h4> <p class="gb-headline gb-headline-7833da12 gb-headline-text">有兴趣赞助或提交新的终身优惠吗？就问吧。</p> <div class="gb-button-wrapper gb-button-wrapper-d82799ce"> <a class="gb-button gb-button-84c9a956 gb-button-text button" href="https://ltdstartupbooster.com/zh_cn/contact/">联系我们</a> </div> </div></div></div> <div class="gb-grid-column gb-grid-column-5b6e61a7"><div class="gb-container gb-container-5b6e61a7"><div class="gb-inside-container"> <div class="gb-button-wrapper gb-button-wrapper-2c36b775"> <a class="gb-button gb-button-18e01320" href="https://t.me/ltdstartupbooster_newsroom" target="_blank" rel="noopener noreferrer"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M440 6.5L24 246.4c-34.4 19.9-31.1 70.8 5.7 85.9L144 379.6V464c0 46.4 59.2 65.5 86.6 28.6l43.8-59.1 111.9 46.2c5.9 2.4 12.1 3.6 18.3 3.6 8.2 0 16.3-2.1 23.6-6.2 12.8-7.2 21.6-20 23.9-34.5l59.4-387.2c6.1-40.1-36.9-68.8-71.5-48.9zM192 464v-64.6l36.6 15.1L192 464zm212.6-28.7l-153.8-63.5L391 169.5c10.7-15.5-9.5-33.5-23.7-21.2L155.8 332.6 48 288 464 48l-59.4 387.3z"></path></svg></span></a> <a class="gb-button gb-button-299260a0" href="https://www.linkedin.com/company/ltdstartupbooster/" target="_blank" rel="noopener noreferrer"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg></span></a> <a class="gb-button gb-button-fe808128" href="https://www.reddit.com/r/ltdstartupbooster/s/921Wc75Aiv" target="_blank" rel="noopener noreferrer"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M440.3 203.5c-15 0-28.2 6.2-37.9 15.9-35.7-24.7-83.8-40.6-137.1-42.3L293 52.3l88.2 19.8c0 21.6 17.6 39.2 39.2 39.2 22 0 39.7-18.1 39.7-39.7s-17.6-39.7-39.7-39.7c-15.4 0-28.7 9.3-35.3 22l-97.4-21.6c-4.9-1.3-9.7 2.2-11 7.1L246.3 177c-52.9 2.2-100.5 18.1-136.3 42.8-9.7-10.1-23.4-16.3-38.4-16.3-55.6 0-73.8 74.6-22.9 100.1-1.8 7.9-2.6 16.3-2.6 24.7 0 83.8 94.4 151.7 210.3 151.7 116.4 0 210.8-67.9 210.8-151.7 0-8.4-.9-17.2-3.1-25.1 49.9-25.6 31.5-99.7-23.8-99.7zM129.4 308.9c0-22 17.6-39.7 39.7-39.7 21.6 0 39.2 17.6 39.2 39.7 0 21.6-17.6 39.2-39.2 39.2-22 .1-39.7-17.6-39.7-39.2zm214.3 93.5c-36.4 36.4-139.1 36.4-175.5 0-4-3.5-4-9.7 0-13.7 3.5-3.5 9.7-3.5 13.2 0 27.8 28.5 120 29 149 0 3.5-3.5 9.7-3.5 13.2 0 4.1 4 4.1 10.2.1 13.7zm-.8-54.2c-21.6 0-39.2-17.6-39.2-39.2 0-22 17.6-39.7 39.2-39.7 22 0 39.7 17.6 39.7 39.7-.1 21.5-17.7 39.2-39.7 39.2z"></path></svg></span></a> <a class="gb-button gb-button-b3eff93c" href="https://www.facebook.com/groups/ltdstartupboostergroup" target="_blank" rel="noopener noreferrer"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewbox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path></svg></span></a> </div> </div></div></div> </div> <div class="gb-container gb-container-c6dbdadd"><div class="gb-inside-container"> <div class="gb-grid-wrapper gb-grid-wrapper-49f321fa"> <div class="gb-grid-column gb-grid-column-7a90a28f"><div class="gb-container gb-container-7a90a28f"><div class="gb-inside-container"> <p class="gb-headline gb-headline-29bd7637 gb-headline-text">© 2024 LTDStartupBooster。版权所有。 </p> </div></div></div> <div class="gb-grid-column gb-grid-column-1cc69e8f"><div class="gb-container gb-container-1cc69e8f"><div class="gb-inside-container"> <div class="gb-button-wrapper gb-button-wrapper-a18c1c1d"> <a class="gb-button gb-button-67824a07 gb-button-text" href="https://ltdstartupbooster.com/zh_cn/privacy-policy/">隐私政策</a> <a class="gb-button gb-button-3a21bace gb-button-text" href="https://ltdstartupbooster.com/zh_cn/terms-of-service/">服务条款</a> </div> </div></div></div> </div> </div></div> </div></div></div> <nav id="generate-slideout-menu" class="main-navigation slideout-navigation do-overlay" itemtype="https://schema.org/SiteNavigationElement" itemscope> <div class="inside-navigation grid-container grid-parent"> <button class="slideout-exit has-svg-icon"><span class="gp-icon pro-close"> <svg viewbox="0 0 512 512" aria-hidden="true" role="img" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1em" height="1em"> <path d="M71.029 71.029c9.373-9.372 24.569-9.372 33.942 0L256 222.059l151.029-151.03c9.373-9.372 24.569-9.372 33.942 0 9.372 9.373 9.372 24.569 0 33.942L289.941 256l151.03 151.029c9.372 9.373 9.372 24.569 0 33.942-9.373 9.372-24.569 9.372-33.942 0L256 289.941l-151.029 151.03c-9.373 9.372-24.569 9.372-33.942 0-9.372-9.373-9.372-24.569 0-33.942L222.059 256 71.029 104.971c-9.372-9.373-9.372-24.569 0-33.942z" /> </svg> </span> <span class="screen-reader-text" data-no-translation="" data-trp-gettext="">关闭</span></button><div class="main-nav"><ul id="menu-off-canvas-mobile-menu" class="slideout-menu"><li id="menu-item-129" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-129"><a href="https://ltdstartupbooster.com/zh_cn/">家</a></li> <li id="menu-item-24352" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-24352"><a href="https://ltdstartupbooster.com/zh_cn/">终身优惠和产品更新</a></li> <li id="menu-item-131" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-131"><a href="https://ltdstartupbooster.com/zh_cn/contact/">接触<span role="presentation" class="dropdown-menu-toggle"><span class="gp-icon icon-arrow"><svg viewbox="0 0 330 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M305.913 197.085c0 2.266-1.133 4.815-2.833 6.514L171.087 335.593c-1.7 1.7-4.249 2.832-6.515 2.832s-4.815-1.133-6.515-2.832L26.064 203.599c-1.7-1.7-2.832-4.248-2.832-6.514s1.132-4.816 2.832-6.515l14.162-14.163c1.7-1.699 3.966-2.832 6.515-2.832 2.266 0 4.815 1.133 6.515 2.832l111.316 111.317 111.316-111.317c1.7-1.699 4.249-2.832 6.515-2.832s4.815 1.133 6.515 2.832l14.162 14.163c1.7 1.7 2.833 4.249 2.833 6.515z" /></svg></span></span></a> <ul class="sub-menu"> <li id="menu-item-130" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-130"><a href="https://ltdstartupbooster.com/zh_cn/about/">关于</a></li> </ul> </li> </ul></div> </div><!-- .inside-navigation --> </nav><!-- #site-navigation --> <template id="tp-language" data-tp-language="zh_CN"></template> <script> (function () { const calculateParentDistance = (child, parent) => { let count = 0; let currentElement = child; // Traverse up the DOM tree until we reach parent or the top of the DOM while (currentElement && currentElement !== parent) { currentElement = currentElement.parentNode; count++; } // If parent was not found in the hierarchy, return -1 if (!currentElement) { return -1; // Indicates parent is not an ancestor of element } return count; // Number of layers between element and parent } const isMatchingClass = (linkRule, href, classes) => { return classes.includes(linkRule.value) } const isMatchingDomain = (linkRule, href, classes) => { if(!URL.canParse(href)) { return false } const url = new URL(href) return linkRule.value === url.host } const isMatchingExtension = (linkRule, href, classes) => { if(!URL.canParse(href)) { return false } const url = new URL(href) return url.pathname.endsWith('.' + linkRule.value) } const isMatchingSubdirectory = (linkRule, href, classes) => { if(!URL.canParse(href)) { return false } const url = new URL(href) return url.pathname.startsWith('/' + linkRule.value + '/') } const isMatchingProtocol = (linkRule, href, classes) => { if(!URL.canParse(href)) { return false } const url = new URL(href) return url.protocol === linkRule.value + ':' } const isMatch = (linkRule, href, classes) => { switch (linkRule.type) { case 'class': return isMatchingClass(linkRule, href, classes) case 'domain': return isMatchingDomain(linkRule, href, classes) case 'extension': return isMatchingExtension(linkRule, href, classes) case 'subdirectory': return isMatchingSubdirectory(linkRule, href, classes) case 'protocol': return isMatchingProtocol(linkRule, href, classes) default: return false; } } const track = (element) => { const href = element.href ?? null const classes = Array.from(element.classList) const linkRules = [{"type":"extension","value":"pdf"},{"type":"extension","value":"zip"},{"type":"protocol","value":"mailto"},{"type":"protocol","value":"tel"}] if(linkRules.length === 0) { return } // For link rules that target a class, we need to allow that class to appear // in any ancestor up to the 7th ancestor. This loop looks for those matches // and counts them. linkRules.forEach((linkRule) => { if(linkRule.type !== 'class') { return; } const matchingAncestor = element.closest('.' + linkRule.value) if(!matchingAncestor || matchingAncestor.matches('html, body')) { return; } const depth = calculateParentDistance(element, matchingAncestor) if(depth < 7) { classes.push(linkRule.value) } }); const hasMatch = linkRules.some((linkRule) => { return isMatch(linkRule, href, classes) }) if(!hasMatch) { return } const url = "https://ltdstartupbooster.com/wp-content/plugins/independent-analytics-pro/iawp-click-endpoint.php"; const body = { href: href, classes: classes.join(' '), ...{"payload":{"resource":"singular","singular_id":27913,"page":1},"signature":"c6d8a4ab343c84d51506f4e9d96be26f"} }; if (navigator.sendBeacon) { let blob = new Blob([JSON.stringify(body)], { type: "application/json" }); navigator.sendBeacon(url, blob); } else { const xhr = new XMLHttpRequest(); xhr.open("POST", url, true); xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8"); xhr.send(JSON.stringify(body)) } } document.addEventListener('mousedown', function (event) { if (navigator.webdriver || /bot|crawler|spider|crawling|semrushbot|chrome-lighthouse/i.test(navigator.userAgent)) { return; } const element = event.target.closest('a') if(!element) { return } const isPro = true if(!isPro) { return } // Don't track left clicks with this event. The click event is used for that. if(event.button === 0) { return } track(element) }) document.addEventListener('click', function (event) { if (navigator.webdriver || /bot|crawler|spider|crawling|semrushbot|chrome-lighthouse/i.test(navigator.userAgent)) { return; } const element = event.target.closest('a, button, input[type="submit"], input[type="button"]') if(!element) { return } const isPro = true if(!isPro) { return } track(element) }) document.addEventListener("DOMContentLoaded", function (e) { if (document.hasOwnProperty("visibilityState") && document.visibilityState === "prerender") { return; } if (navigator.webdriver || /bot|crawler|spider|crawling|semrushbot|chrome-lighthouse/i.test(navigator.userAgent)) { return; } let referrer_url = null; if (typeof document.referrer === 'string' && document.referrer.length > 0) { referrer_url = document.referrer; } const params = location.search.slice(1).split('&').reduce((acc, s) => { const [k, v] = s.split('='); return Object.assign(acc, {[k]: v}); }, {}); const url = "https://ltdstartupbooster.com/zh_cn/wp-json/iawp/search"; const body = { referrer_url, utm_source: params.utm_source, utm_medium: params.utm_medium, utm_campaign: params.utm_campaign, utm_term: params.utm_term, utm_content: params.utm_content, gclid: params.gclid, ...{"payload":{"resource":"singular","singular_id":27913,"page":1},"signature":"c6d8a4ab343c84d51506f4e9d96be26f"} }; if (navigator.sendBeacon) { let blob = new Blob([JSON.stringify(body)], { type: "application/json" }); navigator.sendBeacon(url, blob); } else { const xhr = new XMLHttpRequest(); xhr.open("POST", url, true); xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8"); xhr.send(JSON.stringify(body)) } }); })(); </script> <script type="text/javascript"> var _paq = _paq || []; _paq.push(['setCustomDimension', 1, '{"ID":1,"name":"LTDstartupbooster","avatar":"c55b9a07a5b2ac6d76d736e92833a232"}']); _paq.push(['trackPageView']); (function () { var u = "https://stats1.wpmudev.com/"; _paq.push(['setTrackerUrl', u + 'track/']); _paq.push(['setSiteId', '39835']); var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; g.type = 'text/javascript'; g.async = true; g.defer = true; g.src = 'https://stats.wpmucdn.com/analytics.js'; s.parentNode.insertBefore(g, s); })(); </script> <div id="trp-floater-ls" onclick="" data-no-translation class="trp-language-switcher-container trp-floater-ls-names trp-bottom-right trp-color-dark flags-full-names" > <div id="trp-floater-ls-current-language" class="trp-with-flags"> <a href="#" class="trp-floater-ls-disabled-language trp-ls-disabled-language" onclick="event.preventDefault()"> <img class="trp-flag-image lazyload" data-src="https://b2119877.smushcdn.com/2119877/wp-content/plugins/translatepress-multilingual/assets/images/flags/zh_CN.png?lossy=1&strip=1&webp=1" width="18" height="12" alt="zh_CN" title="简体中文" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="--smush-placeholder-width: 18px; --smush-placeholder-aspect-ratio: 18/12;">简体中文 </a> </div> <div id="trp-floater-ls-language-list" class="trp-with-flags" > <div class="trp-language-wrap trp-language-wrap-bottom"> <a href="https://ltdstartupbooster.com/2024/11/21/start-learning-new-skill-learn-html-forms/" title="English"> <img class="trp-flag-image lazyload" data-src="https://b2119877.smushcdn.com/2119877/wp-content/plugins/translatepress-multilingual/assets/images/flags/en_US.png?lossy=1&strip=1&webp=1" width="18" height="12" alt="en_US" title="English" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="--smush-placeholder-width: 18px; --smush-placeholder-aspect-ratio: 18/12;">English </a> <a href="https://ltdstartupbooster.com/zh_tw/2024/11/21/start-learning-new-skill-learn-html-forms/" title="繁體中文"> <img class="trp-flag-image lazyload" data-src="https://b2119877.smushcdn.com/2119877/wp-content/plugins/translatepress-multilingual/assets/images/flags/zh_TW.png?lossy=1&strip=1&webp=1" width="18" height="12" alt="zh_TW" title="繁體中文" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="--smush-placeholder-width: 18px; --smush-placeholder-aspect-ratio: 18/12;">繁體中文 </a> <a href="https://ltdstartupbooster.com/zh_hk/2024/11/21/start-learning-new-skill-learn-html-forms/" title="香港中文"> <img class="trp-flag-image lazyload" data-src="https://b2119877.smushcdn.com/2119877/wp-content/plugins/translatepress-multilingual/assets/images/flags/zh_HK.png?lossy=1&strip=1&webp=1" width="18" height="12" alt="zh_HK" title="香港中文" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="--smush-placeholder-width: 18px; --smush-placeholder-aspect-ratio: 18/12;">香港中文 </a> <a href="https://ltdstartupbooster.com/es/2024/11/21/start-learning-new-skill-learn-html-forms/" title="Español"> <img class="trp-flag-image lazyload" data-src="https://b2119877.smushcdn.com/2119877/wp-content/plugins/translatepress-multilingual/assets/images/flags/es_ES.png?lossy=1&strip=1&webp=1" width="18" height="12" alt="es_ES" title="Español" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="--smush-placeholder-width: 18px; --smush-placeholder-aspect-ratio: 18/12;">Español </a> <a href="https://ltdstartupbooster.com/fr/2024/11/21/start-learning-new-skill-learn-html-forms/" title="Français"> <img class="trp-flag-image lazyload" data-src="https://b2119877.smushcdn.com/2119877/wp-content/plugins/translatepress-multilingual/assets/images/flags/fr_FR.png?lossy=1&strip=1&webp=1" width="18" height="12" alt="fr_FR" title="Français" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="--smush-placeholder-width: 18px; --smush-placeholder-aspect-ratio: 18/12;">Français </a> <a href="https://ltdstartupbooster.com/de/2024/11/21/start-learning-new-skill-learn-html-forms/" title="Deutsch"> <img class="trp-flag-image lazyload" data-src="https://b2119877.smushcdn.com/2119877/wp-content/plugins/translatepress-multilingual/assets/images/flags/de_DE.png?lossy=1&strip=1&webp=1" width="18" height="12" alt="de_DE" title="Deutsch" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="--smush-placeholder-width: 18px; --smush-placeholder-aspect-ratio: 18/12;">Deutsch </a> <a href="https://ltdstartupbooster.com/ja/2024/11/21/start-learning-new-skill-learn-html-forms/" title="日本語"> <img class="trp-flag-image lazyload" data-src="https://b2119877.smushcdn.com/2119877/wp-content/plugins/translatepress-multilingual/assets/images/flags/ja.png?lossy=1&strip=1&webp=1" width="18" height="12" alt="ja" title="日本語" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="--smush-placeholder-width: 18px; --smush-placeholder-aspect-ratio: 18/12;">日本語 </a> <a href="#" class="trp-floater-ls-disabled-language trp-ls-disabled-language" onclick="event.preventDefault()"><img class="trp-flag-image lazyload" data-src="https://b2119877.smushcdn.com/2119877/wp-content/plugins/translatepress-multilingual/assets/images/flags/zh_CN.png?lossy=1&strip=1&webp=1" width="18" height="12" alt="zh_CN" title="简体中文" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="--smush-placeholder-width: 18px; --smush-placeholder-aspect-ratio: 18/12;">简体中文</a></div> </div> </div> <script type="text/javascript"> /* <![CDATA[ */ var affcoups_vars = {"tracking":"true","event_tracking":"true"}; /* ]]> */ </script> <script id="generate-a11y">!function(){"use strict";if("querySelector"in document&&"addEventListener"in window){var e=document.body;e.addEventListener("mousedown",function(){e.classList.add("using-mouse")}),e.addEventListener("keydown",function(){e.classList.remove("using-mouse")})}}();</script><script type="text/javascript">var algolia = {"debug":false,"application_id":"CB908NVFVO","search_api_key":"7be4dadefbd5246a69e41ff88517aff6","powered_by_enabled":false,"query":"","autocomplete":{"sources":[{"index_id":"searchable_posts","index_name":"wp_searchable_posts","label":"All posts","admin_name":"All posts","position":10,"max_suggestions":5,"tmpl_suggestion":"autocomplete-post-suggestion","enabled":true},{"index_id":"posts_affcoups_coupon","index_name":"wp_posts_affcoups_coupon","label":"Coupons","admin_name":"Coupons","position":10,"max_suggestions":5,"tmpl_suggestion":"autocomplete-post-suggestion","enabled":true}],"input_selector":"input[name='s']:not(.no-autocomplete):not(#adminbar-search)"},"indices":{"searchable_posts":{"name":"wp_searchable_posts","id":"searchable_posts","enabled":true,"replicas":[]},"posts_affcoups_coupon":{"name":"wp_posts_affcoups_coupon","id":"posts_affcoups_coupon","enabled":true,"replicas":[]}}};</script> <script type="text/html" id="tmpl-autocomplete-header"> <div class="autocomplete-header"> <div class="autocomplete-header-title">{{{ data.label }}}</div> <div class="clear"></div> </div> </script> <script type="text/html" id="tmpl-autocomplete-post-suggestion"> <a class="suggestion-link" href="{{ data.permalink }}" title="{{ data.post_title }}"> <# if ( data.images.thumbnail ) { #> <img class="suggestion-post-thumbnail" src="{{ data.images.thumbnail.url }}" alt="{{ data.post_title }}"> <# } #> <div class="suggestion-post-attributes"> <span class="suggestion-post-title">{{{ data._highlightResult.post_title.value }}}</span> <# if ( data._snippetResult['content'] ) { #> <span class="suggestion-post-content">{{{ data._snippetResult['content'].value }}}</span> <# } #> </div> </a> </script> <script type="text/html" id="tmpl-autocomplete-term-suggestion"> <a class="suggestion-link" href="{{ data.permalink }}" title="{{ data.name }}"> <svg viewBox="0 0 21 21" width="21" height="21"> <svg width="21" height="21" viewBox="0 0 21 21"> <path d="M4.662 8.72l-1.23 1.23c-.682.682-.68 1.792.004 2.477l5.135 5.135c.7.693 1.8.688 2.48.005l1.23-1.23 5.35-5.346c.31-.31.54-.92.51-1.36l-.32-4.29c-.09-1.09-1.05-2.06-2.15-2.14l-4.3-.33c-.43-.03-1.05.2-1.36.51l-.79.8-2.27 2.28-2.28 2.27zm9.826-.98c.69 0 1.25-.56 1.25-1.25s-.56-1.25-1.25-1.25-1.25.56-1.25 1.25.56 1.25 1.25 1.25z" fill-rule="evenodd"></path> </svg> </svg> <span class="suggestion-post-title">{{{ data._highlightResult.name.value }}}</span> </a> </script> <script type="text/html" id="tmpl-autocomplete-user-suggestion"> <a class="suggestion-link user-suggestion-link" href="{{ data.posts_url }}" title="{{ data.display_name }}"> <# if ( data.avatar_url ) { #> <img class="suggestion-user-thumbnail" src="{{ data.avatar_url }}" alt="{{ data.display_name }}"> <# } #> <span class="suggestion-post-title">{{{ data._highlightResult.display_name.value }}}</span> </a> </script> <script type="text/html" id="tmpl-autocomplete-footer"> <div class="autocomplete-footer"> <div class="autocomplete-footer-branding"> <a href="#" class="algolia-powered-by-link" title="Algolia"> <svg width="150px" height="25px" viewBox="0 0 572 64"><path fill="#36395A" d="M16 48.3c-3.4 0-6.3-.6-8.7-1.7A12.4 12.4 0 0 1 1.9 42C.6 40 0 38 0 35.4h6.5a6.7 6.7 0 0 0 3.9 6c1.4.7 3.3 1.1 5.6 1.1 2.2 0 4-.3 5.4-1a7 7 0 0 0 3-2.4 6 6 0 0 0 1-3.4c0-1.5-.6-2.8-1.9-3.7-1.3-1-3.3-1.6-5.9-1.8l-4-.4c-3.7-.3-6.6-1.4-8.8-3.4a10 10 0 0 1-3.3-7.9c0-2.4.6-4.6 1.8-6.4a12 12 0 0 1 5-4.3c2.2-1 4.7-1.6 7.5-1.6s5.5.5 7.6 1.6a12 12 0 0 1 5 4.4c1.2 1.8 1.8 4 1.8 6.7h-6.5a6.4 6.4 0 0 0-3.5-5.9c-1-.6-2.6-1-4.4-1s-3.2.3-4.4 1c-1.1.6-2 1.4-2.6 2.4-.5 1-.8 2-.8 3.1a5 5 0 0 0 1.5 3.6c1 1 2.6 1.7 4.7 1.9l4 .3c2.8.2 5.2.8 7.2 1.8 2.1 1 3.7 2.2 4.9 3.8a9.7 9.7 0 0 1 1.7 5.8c0 2.5-.7 4.7-2 6.6a13 13 0 0 1-5.6 4.4c-2.4 1-5.2 1.6-8.4 1.6Zm35.6 0c-2.6 0-4.8-.4-6.7-1.3a13 13 0 0 1-4.7-3.5 17.1 17.1 0 0 1-3.6-10.4v-1c0-2 .3-3.8 1-5.6a13 13 0 0 1 7.3-8.3 15 15 0 0 1 6.3-1.4A13.2 13.2 0 0 1 64 24.3c1 2.2 1.6 4.6 1.6 7.2V34H39.4v-4.3h21.8l-1.8 2.2c0-2-.3-3.7-.9-5.1a7.3 7.3 0 0 0-2.7-3.4c-1.2-.7-2.7-1.1-4.6-1.1s-3.4.4-4.7 1.3a8 8 0 0 0-2.9 3.6c-.6 1.5-.9 3.3-.9 5.4 0 2 .3 3.7 1 5.3a7.9 7.9 0 0 0 2.8 3.7c1.3.8 3 1.3 5 1.3s3.8-.5 5.1-1.3c1.3-1 2.1-2 2.4-3.2h6a11.8 11.8 0 0 1-7 8.7 16 16 0 0 1-6.4 1.2ZM80 48c-2.2 0-4-.3-5.7-1a8.4 8.4 0 0 1-3.7-3.3 9.7 9.7 0 0 1-1.3-5.2c0-2 .5-3.8 1.5-5.2a9 9 0 0 1 4.3-3.1c1.8-.7 4-1 6.7-1H89v4.1h-7.5c-2 0-3.4.5-4.4 1.4-1 1-1.6 2.1-1.6 3.6s.5 2.7 1.6 3.6c1 1 2.5 1.4 4.4 1.4 1.1 0 2.2-.2 3.2-.7 1-.4 1.9-1 2.6-2 .6-1 1-2.4 1-4.2l1.7 2.1c-.2 2-.7 3.8-1.5 5.2a9 9 0 0 1-3.4 3.3 12 12 0 0 1-5.3 1Zm9.5-.7v-8.8h-1v-10c0-1.8-.5-3.2-1.4-4.1-1-1-2.4-1.4-4.2-1.4a142.9 142.9 0 0 0-10.2.4v-5.6a74.8 74.8 0 0 1 8.6-.4c3 0 5.5.4 7.5 1.2s3.4 2 4.4 3.6c1 1.7 1.4 4 1.4 6.7v18.4h-5Zm12.9 0V17.8h5v12.3h-.2c0-4.2 1-7.4 2.8-9.5a11 11 0 0 1 8.3-3.1h1v5.6h-2a9 9 0 0 0-6.3 2.2c-1.5 1.5-2.2 3.6-2.2 6.4v15.6h-6.4Zm34.4 1a15 15 0 0 1-6.6-1.3c-1.9-.9-3.4-2-4.7-3.5a15.5 15.5 0 0 1-2.7-5c-.6-1.7-1-3.6-1-5.4v-1c0-2 .4-3.8 1-5.6a15 15 0 0 1 2.8-4.9c1.3-1.5 2.8-2.6 4.6-3.5a16.4 16.4 0 0 1 13.3.2c2 1 3.5 2.3 4.8 4a12 12 0 0 1 2 6H144c-.2-1.6-1-3-2.2-4.1a7.5 7.5 0 0 0-5.2-1.7 8 8 0 0 0-4.7 1.3 8 8 0 0 0-2.8 3.6 13.8 13.8 0 0 0 0 10.3c.6 1.5 1.5 2.7 2.8 3.6s2.8 1.3 4.8 1.3c1.5 0 2.7-.2 3.8-.8a7 7 0 0 0 2.6-2c.7-1 1-2 1.2-3.2h6.2a11 11 0 0 1-2 6.2 15.1 15.1 0 0 1-11.8 5.5Zm19.7-1v-40h6.4V31h-1.3c0-3 .4-5.5 1.1-7.6a9.7 9.7 0 0 1 3.5-4.8A9.9 9.9 0 0 1 172 17h.3c3.5 0 6 1.1 7.9 3.5 1.7 2.3 2.6 5.7 2.6 10v16.8h-6.4V29.6c0-2.1-.6-3.8-1.8-5a6.4 6.4 0 0 0-4.8-1.8c-2 0-3.7.7-5 2a7.8 7.8 0 0 0-1.9 5.5v17h-6.4Zm63.8 1a12.2 12.2 0 0 1-10.9-6.2 19 19 0 0 1-1.8-7.3h1.4v12.5h-5.1v-40h6.4v19.8l-2 3.5c.2-3.1.8-5.7 1.9-7.7a11 11 0 0 1 4.4-4.5c1.8-1 3.9-1.5 6.1-1.5a13.4 13.4 0 0 1 12.8 9.1c.7 1.9 1 3.8 1 6v1c0 2.2-.3 4.1-1 6a13.6 13.6 0 0 1-13.2 9.4Zm-1.2-5.5a8.4 8.4 0 0 0 7.9-5c.7-1.5 1.1-3.3 1.1-5.3s-.4-3.8-1.1-5.3a8.7 8.7 0 0 0-3.2-3.6 9.6 9.6 0 0 0-9.2-.2 8.5 8.5 0 0 0-3.3 3.2c-.8 1.4-1.3 3-1.3 5v2.3a9 9 0 0 0 1.3 4.8 9 9 0 0 0 3.4 3c1.4.7 2.8 1 4.4 1Zm27.3 3.9-10-28.9h6.5l9.5 28.9h-6Zm-7.5 12.2v-5.7h4.9c1 0 2-.1 2.9-.4a4 4 0 0 0 2-1.4c.4-.7.9-1.6 1.2-2.7l8.6-30.9h6.2l-9.3 32.4a14 14 0 0 1-2.5 5 8.9 8.9 0 0 1-4 2.8c-1.5.6-3.4.9-5.6.9h-4.4Zm9-12.2v-5.2h6.4v5.2H248Z"></path><path fill="#003DFF" d="M534.4 9.1H528a.8.8 0 0 1-.7-.7V1.8c0-.4.2-.7.6-.8l6.5-1c.4 0 .8.2.9.6v7.8c0 .4-.4.7-.8.7zM428 35.2V.8c0-.5-.3-.8-.7-.8h-.2l-6.4 1c-.4 0-.7.4-.7.8v35c0 1.6 0 11.8 12.3 12.2.5 0 .8-.4.8-.8V43c0-.4-.3-.7-.6-.8-4.5-.5-4.5-6-4.5-7zm106.5-21.8H528c-.4 0-.7.4-.7.8v34c0 .4.3.8.7.8h6.5c.4 0 .8-.4.8-.8v-34c0-.5-.4-.8-.8-.8zm-17.7 21.8V.8c0-.5-.3-.8-.8-.8l-6.5 1c-.4 0-.7.4-.7.8v35c0 1.6 0 11.8 12.3 12.2.4 0 .8-.4.8-.8V43c0-.4-.3-.7-.7-.8-4.4-.5-4.4-6-4.4-7zm-22.2-20.6a16.5 16.5 0 0 1 8.6 9.3c.8 2.2 1.3 4.8 1.3 7.5a19.4 19.4 0 0 1-4.6 12.6 14.8 14.8 0 0 1-5.2 3.6c-2 .9-5.2 1.4-6.8 1.4a21 21 0 0 1-6.7-1.4 15.4 15.4 0 0 1-8.6-9.3 21.3 21.3 0 0 1 0-14.4 15.2 15.2 0 0 1 8.6-9.3c2-.8 4.3-1.2 6.7-1.2s4.6.4 6.7 1.2zm-6.7 27.6c2.7 0 4.7-1 6.2-3s2.2-4.3 2.2-7.8-.7-6.3-2.2-8.3-3.5-3-6.2-3-4.7 1-6.1 3c-1.5 2-2.2 4.8-2.2 8.3s.7 5.8 2.2 7.8 3.5 3 6.2 3zm-88.8-28.8c-6.2 0-11.7 3.3-14.8 8.2a18.6 18.6 0 0 0 4.8 25.2c1.8 1.2 4 1.8 6.2 1.7s.1 0 .1 0h.9c4.2-.7 8-4 9.1-8.1v7.4c0 .4.3.7.8.7h6.4a.7.7 0 0 0 .7-.7V14.2c0-.5-.3-.8-.7-.8h-13.5zm6.3 26.5a9.8 9.8 0 0 1-5.7 2h-.5a10 10 0 0 1-9.2-14c1.4-3.7 5-6.3 9-6.3h6.4v18.3zm152.3-26.5h13.5c.5 0 .8.3.8.7v33.7c0 .4-.3.7-.8.7h-6.4a.7.7 0 0 1-.8-.7v-7.4c-1.2 4-4.8 7.4-9 8h-.1a4.2 4.2 0 0 1-.5.1h-.9a10.3 10.3 0 0 1-7-2.6c-4-3.3-6.5-8.4-6.5-14.2 0-3.7 1-7.2 3-10 3-5 8.5-8.3 14.7-8.3zm.6 28.4c2.2-.1 4.2-.6 5.7-2V21.7h-6.3a9.8 9.8 0 0 0-9 6.4 10.2 10.2 0 0 0 9.1 13.9h.5zM452.8 13.4c-6.2 0-11.7 3.3-14.8 8.2a18.5 18.5 0 0 0 3.6 24.3 10.4 10.4 0 0 0 13 .6c2.2-1.5 3.8-3.7 4.5-6.1v7.8c0 2.8-.8 5-2.2 6.3-1.5 1.5-4 2.2-7.5 2.2l-6-.3c-.3 0-.7.2-.8.5l-1.6 5.5c-.1.4.1.8.5 1h.1c2.8.4 5.5.6 7 .6 6.3 0 11-1.4 14-4.1 2.7-2.5 4.2-6.3 4.5-11.4V14.2c0-.5-.4-.8-.8-.8h-13.5zm6.3 8.2v18.3a9.6 9.6 0 0 1-5.6 2h-1a10.3 10.3 0 0 1-8.8-14c1.4-3.7 5-6.3 9-6.3h6.4zM291 31.5A32 32 0 0 1 322.8 0h30.8c.6 0 1.2.5 1.2 1.2v61.5c0 1.1-1.3 1.7-2.2 1l-19.2-17a18 18 0 0 1-11 3.4 18.1 18.1 0 1 1 18.2-14.8c-.1.4-.5.7-.9.6-.1 0-.3 0-.4-.2l-3.8-3.4c-.4-.3-.6-.8-.7-1.4a12 12 0 1 0-2.4 8.3c.4-.4 1-.5 1.6-.2l14.7 13.1v-46H323a26 26 0 1 0 10 49.7c.8-.4 1.6-.2 2.3.3l3 2.7c.3.2.3.7 0 1l-.2.2a32 32 0 0 1-47.2-28.6z"></path></svg> </a> </div> </div> </script> <script type="text/html" id="tmpl-autocomplete-empty"> <div class="autocomplete-empty"> 没有符合您查询的结果 <span class="empty-query">"{{ data.query }}"</span> </div> </script> <script type="text/javascript"> window.addEventListener('load', function () { /* Initialize Algolia client */ var client = algoliasearch( algolia.application_id, algolia.search_api_key ); /** * Algolia hits source method. * * This method defines a custom source to use with autocomplete.js. * * @param object $index Algolia index object. * @param object $params Options object to use in search. */ var algoliaHitsSource = function( index, params ) { return function( query, callback ) { index .search( query, params ) .then( function( response ) { callback( response.hits, response ); }) .catch( function( error ) { callback( [] ); }); } } /* Setup autocomplete.js sources */ var sources = []; algolia.autocomplete.sources.forEach( function( config, i ) { var suggestion_template = wp.template( config[ 'tmpl_suggestion' ] ); sources.push( { source: algoliaHitsSource( client.initIndex( config[ 'index_name' ] ), { hitsPerPage: config[ 'max_suggestions' ], attributesToSnippet: [ 'content:10' ], highlightPreTag: '__ais-highlight__', highlightPostTag: '__/ais-highlight__' } ), templates: { header: function () { return wp.template( 'autocomplete-header' )( { label: _.escape( config[ 'label' ] ) } ); }, suggestion: function ( hit ) { if ( hit.escaped === true ) { return suggestion_template( hit ); } hit.escaped = true; for ( var key in hit._highlightResult ) { /* We do not deal with arrays. */ if ( typeof hit._highlightResult[ key ].value !== 'string' ) { continue; } hit._highlightResult[ key ].value = _.escape( hit._highlightResult[ key ].value ); hit._highlightResult[ key ].value = hit._highlightResult[ key ].value.replace( /__ais-highlight__/g, '<em>' ).replace( /__\/ais-highlight__/g, '</em>' ); } for ( var key in hit._snippetResult ) { /* We do not deal with arrays. */ if ( typeof hit._snippetResult[ key ].value !== 'string' ) { continue; } hit._snippetResult[ key ].value = _.escape( hit._snippetResult[ key ].value ); hit._snippetResult[ key ].value = hit._snippetResult[ key ].value.replace( /__ais-highlight__/g, '<em>' ).replace( /__\/ais-highlight__/g, '</em>' ); } return suggestion_template( hit ); } } } ); } ); /* Setup dropdown menus */ document.querySelectorAll( algolia.autocomplete.input_selector ).forEach( function( element ) { var config = { debug: algolia.debug, hint: false, openOnFocus: true, appendTo: 'body', templates: { empty: wp.template( 'autocomplete-empty' ) } }; if ( algolia.powered_by_enabled ) { config.templates.footer = wp.template( 'autocomplete-footer' ); } /* Instantiate autocomplete.js */ var autocomplete = algoliaAutocomplete( element, config, sources ) .on( 'autocomplete:selected', function ( e, suggestion ) { /* Redirect the user when we detect a suggestion selection. */ window.location.href = suggestion.permalink ?? suggestion.posts_url; // Users use the `posts_url` property instead of `permalink`. } ); /* Force the dropdown to be re-drawn on scroll to handle fixed containers. */ window.addEventListener( 'scroll', function() { if ( autocomplete.autocomplete.getWrapper().style.display === "block" ) { autocomplete.autocomplete.close(); autocomplete.autocomplete.open(); } } ); } ); var algoliaPoweredLink = document.querySelector( '.algolia-powered-by-link' ); if ( algoliaPoweredLink ) { algoliaPoweredLink.addEventListener( 'click', function( e ) { e.preventDefault(); window.location = "https://www.algolia.com/?utm_source=WordPress&utm_medium=extension&utm_content=" + window.location.hostname + "&utm_campaign=poweredby"; } ); } }); </script> <script id="wphb-5-js-extra"> var trp_data = {"trp_custom_ajax_url":"https:\/\/ltdstartupbooster.com\/wp-content\/plugins\/translatepress-multilingual\/includes\/trp-ajax.php","trp_wp_ajax_url":"https:\/\/ltdstartupbooster.com\/wp-admin\/admin-ajax.php","trp_language_to_query":"zh_CN","trp_original_language":"en_US","trp_current_language":"zh_CN","trp_skip_selectors":["[data-no-translation]","[data-no-dynamic-translation]","[data-trp-translate-id-innertext]","script","style","head","trp-span","translate-press","[data-trp-translate-id]","[data-trpgettextoriginal]","[data-trp-post-slug]"],"trp_base_selectors":["data-trp-translate-id","data-trpgettextoriginal","data-trp-post-slug"],"trp_attributes_selectors":{"text":{"accessor":"outertext","attribute":false},"block":{"accessor":"innertext","attribute":false},"image_src":{"selector":"img[src]","accessor":"src","attribute":true},"submit":{"selector":"input[type='submit'],input[type='button'], input[type='reset']","accessor":"value","attribute":true},"placeholder":{"selector":"input[placeholder],textarea[placeholder]","accessor":"placeholder","attribute":true},"title":{"selector":"[title]","accessor":"title","attribute":true},"a_href":{"selector":"a[href]","accessor":"href","attribute":true},"button":{"accessor":"outertext","attribute":false},"option":{"accessor":"innertext","attribute":false},"aria_label":{"selector":"[aria-label]","accessor":"aria-label","attribute":true}},"trp_attributes_accessors":["outertext","innertext","src","value","placeholder","title","href","aria-label"],"gettranslationsnonceregular":"da2b5f1322","showdynamiccontentbeforetranslation":"","skip_strings_from_dynamic_translation":[],"skip_strings_from_dynamic_translation_for_substrings":{"href":["amazon-adsystem","googleads","g.doubleclick"]},"duplicate_detections_allowed":"100","trp_translate_numerals_opt":"no","trp_no_auto_translation_selectors":["[data-no-auto-translation]"]};;;var offSide = {"side":"left"}; </script> <script src="https://hb.wpmucdn.com/ltdstartupbooster.com/c8a13e11-231a-436e-86a8-0cce27a3d84d.js" id="wphb-5-js"></script> <script src="https://hb.wpmucdn.com/ltdstartupbooster.com/42efa0d4-5557-4475-8c12-2fef0d0aa6a3.js" id="wphb-6-js"></script> <script id="wphb-6-js-after"> wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); </script> <script id="presto-components-js-extra"> var prestoComponents = {"url":"https:\/\/ltdstartupbooster.com\/wp-content\/plugins\/presto-player\/dist\/components\/web-components\/web-components.esm.js?ver=1731828891"}; var prestoPlayer = {"plugin_url":"https:\/\/ltdstartupbooster.com\/wp-content\/plugins\/presto-player\/","logged_in":"","root":"https:\/\/ltdstartupbooster.com\/zh_cn\/wp-json\/","nonce":"575e04bb71","ajaxurl":"https:\/\/ltdstartupbooster.com\/wp-admin\/admin-ajax.php","isAdmin":"","isSetup":{"bunny":{"storage":false,"stream":false}},"proVersion":"2.0.7","isPremium":"1","wpVersionString":"wp\/v2\/","prestoVersionString":"presto-player\/v1\/","debug":"","debug_navigator":"","i18n":{"skip":"Skip","rewatch":"Rewatch","emailPlaceholder":"Email address","emailDefaultHeadline":"Enter your email to play this episode.","chapters":"Chapters","show_chapters":"Show Chapters","hide_chapters":"Hide Chapters","restart":"Restart","rewind":"Rewind {seektime}s","play":"Play","pause":"Pause","fastForward":"Forward {seektime}s","seek":"Seek","seekLabel":"{currentTime} of {duration}","played":"Played","buffered":"Buffered","currentTime":"Current time","duration":"Duration","volume":"Volume","mute":"Mute","unmute":"Unmute","enableCaptions":"Enable captions","disableCaptions":"Disable captions","download":"Download","enterFullscreen":"Enter fullscreen","exitFullscreen":"Exit fullscreen","frameTitle":"Player for {title}","captions":"Captions","settings":"Settings","pip":"PIP","menuBack":"Go back to previous menu","speed":"Speed","normal":"Normal","quality":"Quality","loop":"Loop","start":"Start","end":"End","all":"All","reset":"Reset","disabled":"Disabled","enabled":"Enabled","advertisement":"Ad","qualityBadge":{"2160":"4K","1440":"HD","1080":"HD","720":"HD","576":"SD","480":"SD"},"auto":"AUTO","upNext":"Up Next","startOver":"Start Over"},"hls_start_level":"480"}; var prestoComponents = {"url":"https:\/\/ltdstartupbooster.com\/wp-content\/plugins\/presto-player\/dist\/components\/web-components\/web-components.esm.js?ver=1731828891"}; var prestoPlayer = {"plugin_url":"https:\/\/ltdstartupbooster.com\/wp-content\/plugins\/presto-player\/","logged_in":"","root":"https:\/\/ltdstartupbooster.com\/zh_cn\/wp-json\/","nonce":"575e04bb71","ajaxurl":"https:\/\/ltdstartupbooster.com\/wp-admin\/admin-ajax.php","isAdmin":"","isSetup":{"bunny":{"storage":false,"stream":false}},"proVersion":"2.0.7","isPremium":"1","wpVersionString":"wp\/v2\/","prestoVersionString":"presto-player\/v1\/","debug":"","debug_navigator":"","i18n":{"skip":"Skip","rewatch":"Rewatch","emailPlaceholder":"Email address","emailDefaultHeadline":"Enter your email to play this episode.","chapters":"Chapters","show_chapters":"Show Chapters","hide_chapters":"Hide Chapters","restart":"Restart","rewind":"Rewind {seektime}s","play":"Play","pause":"Pause","fastForward":"Forward {seektime}s","seek":"Seek","seekLabel":"{currentTime} of {duration}","played":"Played","buffered":"Buffered","currentTime":"Current time","duration":"Duration","volume":"Volume","mute":"Mute","unmute":"Unmute","enableCaptions":"Enable captions","disableCaptions":"Disable captions","download":"Download","enterFullscreen":"Enter fullscreen","exitFullscreen":"Exit fullscreen","frameTitle":"Player for {title}","captions":"Captions","settings":"Settings","pip":"PIP","menuBack":"Go back to previous menu","speed":"Speed","normal":"Normal","quality":"Quality","loop":"Loop","start":"Start","end":"End","all":"All","reset":"Reset","disabled":"Disabled","enabled":"Enabled","advertisement":"Ad","qualityBadge":{"2160":"4K","1440":"HD","1080":"HD","720":"HD","576":"SD","480":"SD"},"auto":"AUTO","upNext":"Up Next","startOver":"Start Over"},"hls_start_level":"480"}; </script> <script src="https://ltdstartupbooster.com/wp-content/plugins/presto-player/dist/components/web-components/web-components.esm.js" type="module" defer></script><script id="wphb-7-js-extra"> var embedVars = {"disqusConfig":{"integration":"wordpress 3.1.2"},"disqusIdentifier":"27913 https:\/\/ltdstartupbooster.com\/2024\/11\/21\/start-learning-new-skill-learn-html-forms\/","disqusShortname":"ltdsttartupbooster","disqusTitle":"[Start Learning New Skill] Learn HTML Forms","disqusUrl":"https:\/\/ltdstartupbooster.com\/zh_cn\/2024\/11\/21\/start-learning-new-skill-learn-html-forms\/","postId":"27913"};;;var countVars = {"disqusShortname":"ltdsttartupbooster"}; </script> <script src="https://hb.wpmucdn.com/ltdstartupbooster.com/6acffd72-9173-4bbe-ba09-c5e16e3cc827.js" id="wphb-7-js"></script> <script id="affcoups-js-extra"> var affcoups_post = {"ajax_url":"https:\/\/ltdstartupbooster.com\/wp-admin\/admin-ajax.php"}; </script> <script src="https://ltdstartupbooster.com/wp-content/plugins/affiliate-coupons/assets/dist/js/main.js" id="affcoups-js"></script> <script id="affcoups-pro-js-extra"> var affcoupsPro = {"ajaxurl":"https:\/\/ltdstartupbooster.com\/wp-admin\/admin-ajax.php"}; </script> <script src="https://ltdstartupbooster.com/wp-content/uploads/hummingbird-assets/cacb3207ea7c19f425fe0f1555bee638.js" id="affcoups-pro-js"></script> <!--[if lte IE 11]> <script src="https://hb.wpmucdn.com/ltdstartupbooster.com/e0341c07-0d05-46ae-9037-822bd04544b1.js" id="generate-classlist-js"></script> <![endif]--> <script id="generate-menu-js-extra"> var generatepressMenu = {"toggleOpenedSubMenus":"1","openSubMenuLabel":"\u6253\u5f00\u5b50\u83dc\u5355","closeSubMenuLabel":"\u5173\u95ed\u5b50\u83dc\u5355"}; </script> <script src="https://hb.wpmucdn.com/ltdstartupbooster.com/a9a15fdc-cb8c-4bf9-9230-4b7478db3bf5.js" id="generate-menu-js"></script> <script src="https://hb.wpmucdn.com/ltdstartupbooster.com/4517fde2-15e4-4756-8dc4-cfa499062238.js" id="comment-reply-js" async data-wp-strategy="async"></script> <script id="wphb-lazy-load-js-extra"> var wphbGlobal = {"ajaxurl":"https:\/\/ltdstartupbooster.com\/wp-admin\/admin-ajax.php","commentForm":"","preloadComment":""}; </script> <script src="https://hb.wpmucdn.com/ltdstartupbooster.com/f17e2cf7-63b7-4d46-a45e-2a2d0d8345fe.js" id="wphb-lazy-load-js"></script> <script id="wphb-8-js-extra"> var _wpUtilSettings = {"ajax":{"url":"\/wp-admin\/admin-ajax.php"}}; </script> <script src="https://hb.wpmucdn.com/ltdstartupbooster.com/403006b0-5269-4217-9e51-02a2c5e17fe9.js" id="wphb-8-js"></script> <script src="https://hb.wpmucdn.com/ltdstartupbooster.com/20e84944-ce05-4d14-ae68-75af53eef102.js" id="wphb-9-js"></script> <!-- Usermaven - privacy-friendly analytics tool --> <script type="text/javascript"> (function () { window.usermaven = window.usermaven || (function () { (window.usermavenQ = window.usermavenQ || []).push(arguments); }) var t = document.createElement('script'), s = document.getElementsByTagName('script')[0]; t.defer = true; t.id = 'um-tracker'; t.setAttribute('data-tracking-host', 'https://u.ltdstartupbooster.com'); t.setAttribute('data-key', 'UMWn3hZD2x'); t.setAttribute('data-autocapture', 'true'); t.setAttribute('data-randomize-url', 'true'); t.src = 'https://u.ltdstartupbooster.com/lib.js'; s.parentNode.insertBefore(t, s); })(); </script> <!-- / Usermaven --> </body> </html>