Category: HTML

Pick the right type: text, email, number, password, search, and more.

Collect multi-line text with ``.</p> </div> <a class="read-more" href="https://phpcodeinformation.com/html-textarea/"> Read more → </a> </div> </article> <article id="post-2260" class="post-card post-2260 post type-post status-publish format-standard hentry category-html tag-html tag-tutorial tag-web-development"> <div class="post-card__body"> <header class="entry-header"> <h2 class="entry-title"><a href="https://phpcodeinformation.com/html-select-option/" rel="bookmark">HTML Select and Option</a></h2> <div class="entry-meta"> <span class="posted-on"><time class="entry-date published updated" datetime="2026-08-21T13:51:38+00:00">August 21, 2026</time></span> <span class="byline">malekimtiyajmca@gmail.com</span> </div> </header> <div class="entry-summary"> <p>Offer choices with “ and “ (and optgroup).</p> </div> <a class="read-more" href="https://phpcodeinformation.com/html-select-option/"> Read more → </a> </div> </article> <article id="post-2261" class="post-card post-2261 post type-post status-publish format-standard hentry category-html tag-html tag-tutorial tag-web-development"> <div class="post-card__body"> <header class="entry-header"> <h2 class="entry-title"><a href="https://phpcodeinformation.com/html-checkbox/" rel="bookmark">HTML Checkbox</a></h2> <div class="entry-meta"> <span class="posted-on"><time class="entry-date published updated" datetime="2026-08-21T13:51:38+00:00">August 21, 2026</time></span> <span class="byline">malekimtiyajmca@gmail.com</span> </div> </header> <div class="entry-summary"> <p>Allow multi-select options with checkboxes.</p> </div> <a class="read-more" href="https://phpcodeinformation.com/html-checkbox/"> Read more → </a> </div> </article> <article id="post-2250" class="post-card post-2250 post type-post status-publish format-standard hentry category-html tag-html tag-tutorial tag-web-development"> <div class="post-card__body"> <header class="entry-header"> <h2 class="entry-title"><a href="https://phpcodeinformation.com/html-unordered-lists/" rel="bookmark">HTML Unordered Lists</a></h2> <div class="entry-meta"> <span class="posted-on"><time class="entry-date published updated" datetime="2026-08-21T13:51:37+00:00">August 21, 2026</time></span> <span class="byline">malekimtiyajmca@gmail.com</span> </div> </header> <div class="entry-summary"> <p>Bullet related items with `</p> <ul>` and `</p> <li>`.<br /> </div> <a class="read-more" href="https://phpcodeinformation.com/html-unordered-lists/"> Read more → </a> </div> </article> <article id="post-2251" class="post-card post-2251 post type-post status-publish format-standard hentry category-html tag-html tag-tutorial tag-web-development"> <div class="post-card__body"> <header class="entry-header"> <h2 class="entry-title"><a href="https://phpcodeinformation.com/html-description-lists/" rel="bookmark">HTML Description Lists</a></h2> <div class="entry-meta"> <span class="posted-on"><time class="entry-date published updated" datetime="2026-08-21T13:51:37+00:00">August 21, 2026</time></span> <span class="byline">malekimtiyajmca@gmail.com</span> </div> </header> <div class="entry-summary"> <p>Define terms with `</p> <dl>`, `</p> <dt>`, and `</p> <dd>`.</p> </div> <a class="read-more" href="https://phpcodeinformation.com/html-description-lists/"> Read more → </a> </div> </article> <article id="post-2252" class="post-card post-2252 post type-post status-publish format-standard hentry category-html tag-html tag-tutorial tag-web-development"> <div class="post-card__body"> <header class="entry-header"> <h2 class="entry-title"><a href="https://phpcodeinformation.com/html-tables/" rel="bookmark">HTML Tables</a></h2> <div class="entry-meta"> <span class="posted-on"><time class="entry-date published updated" datetime="2026-08-21T13:51:37+00:00">August 21, 2026</time></span> <span class="byline">malekimtiyajmca@gmail.com</span> </div> </header> <div class="entry-summary"> <p>Present tabular data with table, thead, tbody, and tfoot.</p> </div> <a class="read-more" href="https://phpcodeinformation.com/html-tables/"> Read more → </a> </div> </article> <article id="post-2253" class="post-card post-2253 post type-post status-publish format-standard hentry category-html tag-html tag-tutorial tag-web-development"> <div class="post-card__body"> <header class="entry-header"> <h2 class="entry-title"><a href="https://phpcodeinformation.com/html-table-rows-columns/" rel="bookmark">HTML Table Rows and Columns</a></h2> <div class="entry-meta"> <span class="posted-on"><time class="entry-date published updated" datetime="2026-08-21T13:51:37+00:00">August 21, 2026</time></span> <span class="byline">malekimtiyajmca@gmail.com</span> </div> </header> <div class="entry-summary"> <p>Build rows with `</p> <tr>` and cells with `</p> <td>` / `</p> <th>`; span with colspan/rowspan.</p> </div> <a class="read-more" href="https://phpcodeinformation.com/html-table-rows-columns/"> Read more → </a> </div> </article> <article id="post-2254" class="post-card post-2254 post type-post status-publish format-standard hentry category-html tag-html tag-tutorial tag-web-development"> <div class="post-card__body"> <header class="entry-header"> <h2 class="entry-title"><a href="https://phpcodeinformation.com/html-table-headers-footers/" rel="bookmark">HTML Table Headers and Footers</a></h2> <div class="entry-meta"> <span class="posted-on"><time class="entry-date published updated" datetime="2026-08-21T13:51:37+00:00">August 21, 2026</time></span> <span class="byline">malekimtiyajmca@gmail.com</span> </div> </header> <div class="entry-summary"> <p>Use thead/tbody/tfoot and scope attributes for clearer tables.</p> </div> <a class="read-more" href="https://phpcodeinformation.com/html-table-headers-footers/"> Read more → </a> </div> </article> <article id="post-2255" class="post-card post-2255 post type-post status-publish format-standard hentry category-html tag-html tag-tutorial tag-web-development"> <div class="post-card__body"> <header class="entry-header"> <h2 class="entry-title"><a href="https://phpcodeinformation.com/html-forms/" rel="bookmark">HTML Forms</a></h2> <div class="entry-meta"> <span class="posted-on"><time class="entry-date published updated" datetime="2026-08-21T13:51:37+00:00">August 21, 2026</time></span> <span class="byline">malekimtiyajmca@gmail.com</span> </div> </header> <div class="entry-summary"> <p>Collect user input with “ and controls.</p> </div> <a class="read-more" href="https://phpcodeinformation.com/html-forms/"> Read more → </a> </div> </article> </div> <nav class="navigation pagination" aria-label="Posts pagination"> <h2 class="screen-reader-text">Posts pagination</h2> <div class="nav-links"><a class="prev page-numbers" href="https://phpcodeinformation.com/category/html/page/5/">« Previous</a> <a aria-label="Page 1" class="page-numbers" href="https://phpcodeinformation.com/category/html/">1</a> <span class="page-numbers dots">…</span> <a aria-label="Page 5" class="page-numbers" href="https://phpcodeinformation.com/category/html/page/5/">5</a> <span aria-label="Page 6" aria-current="page" class="page-numbers current">6</span> <a aria-label="Page 7" class="page-numbers" href="https://phpcodeinformation.com/category/html/page/7/">7</a> <a aria-label="Page 8" class="page-numbers" href="https://phpcodeinformation.com/category/html/page/8/">8</a> <a class="next page-numbers" href="https://phpcodeinformation.com/category/html/page/7/">Next »</a></div> </nav> </main><!-- #primary --> </div><!-- #content --> <footer id="colophon" class="site-footer"> <div class="container"> <div class="site-footer__columns"> <div class="site-footer__brand-col"> <a class="site-footer__brand site-logo site-logo--footer" href="https://phpcodeinformation.com/" rel="home"> <span class="site-logo__mark" aria-hidden="true"> <svg class="site-logo__mark-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="34" height="34" focusable="false" aria-hidden="true"> <defs> <linearGradient id="im2-g" x1="8" y1="4" x2="34" y2="36" gradientUnits="userSpaceOnUse"> <stop offset="0%" stop-color="#4f46e5"/> <stop offset="100%" stop-color="#0891b2"/> </linearGradient> <filter id="im2-f" x="-12%" y="-12%" width="124%" height="136%"> <feDropShadow dx="0" dy="1" stdDeviation="1.1" flood-color="#0f172a" flood-opacity="0.16"/> </filter> </defs> <rect width="40" height="40" rx="11" fill="url(#im2-g)" filter="url(#im2-f)"/> <path d="M14 11.5h12" fill="none" stroke="#fff" stroke-width="3" stroke-linecap="round"/> <path d="M20 11.5v17" fill="none" stroke="#fff" stroke-width="3.4" stroke-linecap="round"/> <path d="M14 28.5h12" fill="none" stroke="#fff" stroke-width="3" stroke-linecap="round"/> </svg> </span> <span class="site-logo__text"> <span class="site-logo__word">Imtiyaj</span> <span class="site-logo__badge">WordPress Studio</span> </span> </a> <p class="site-footer__tagline"> WordPress plugins and themes for US and UK businesses — WPForms payments, form recovery, WooCommerce tools by Thenameda. </p> </div> <nav class="site-footer__nav" aria-label="Marketplace links"> <h3 class="site-footer__heading">Marketplace</h3> <ul> <li><a href="https://phpcodeinformation.com/themes/">Theme Listing</a></li> <li><a href="https://phpcodeinformation.com/free-plugins/">Plugin Listing</a></li> <li><a href="https://phpcodeinformation.com/shop/">Shop</a></li> <li class="site-footer__cart-item"> <a class="site-footer__cart" href="https://phpcodeinformation.com/cart/" aria-label="View cart" data-cart-count="0" > <span class="site-footer__cart-icon" aria-hidden="true"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M6 6h15l-1.5 9h-12z"/> <path d="M6 6 5 3H2"/> <circle cx="9" cy="20" r="1"/> <circle cx="18" cy="20" r="1"/> </svg> </span> <span class="site-footer__cart-text">Cart</span> <span class="site-footer__cart-count is-empty" aria-hidden="true"> 0 </span> </a> </li> </ul> </nav> <nav class="site-footer__nav site-footer__nav--shop" aria-label="Shop highlights"> <h3 class="site-footer__heading">Shop</h3> <ul> <li><a href="https://phpcodeinformation.com/plugin/whatsapp-notifications-pro-for-woocommerce/">WhatsApp Notifications Pro for WooCommerce</a></li> <li><a href="https://phpcodeinformation.com/plugin/whatsapp-notifications-for-woocommerce/">WhatsApp Notifications for WooCommerce</a></li> <li><a href="https://phpcodeinformation.com/plugin/generate-pdf-for-wpforms-pro/">Generate PDF for WPForms Pro</a></li> <li><a href="https://phpcodeinformation.com/plugin/thenameda-form-payments-with-stripe-for-wpforms-pro/">Thenameda Form Payments with Stripe for WPForms Pro</a></li> </ul> </nav> <nav class="site-footer__nav site-footer__nav--guides" aria-label="Tutorial guides"> <h3 class="site-footer__heading">Guides</h3> <ul> <li><a href="https://phpcodeinformation.com/wordpress-plugin-guides/">WordPress plugin guides</a></li> <li><a href="https://phpcodeinformation.com/laravel-complete-tutorial-beginner-to-advanced/">Laravel Complete Tutorial</a></li> <li><a href="https://phpcodeinformation.com/react-complete-tutorial/">React Complete Tutorial</a></li> <li><a href="https://phpcodeinformation.com/angular-complete-tutorial/">Angular Complete Tutorial</a></li> <li><a href="https://phpcodeinformation.com/aspnet-complete-tutorial/">ASP.NET Complete Tutorial</a></li> <li><a href="https://phpcodeinformation.com/nodejs-complete-tutorial-express-mongodb/">Node.js Complete Tutorial</a></li> <li><a href="https://phpcodeinformation.com/python-complete-tutorial-beginner-to-advanced/">Python Complete Tutorial</a></li> <li><a href="https://phpcodeinformation.com/wordpress-plugin-development-complete-tutorial/">WordPress Plugin Development</a></li> <li><a href="https://phpcodeinformation.com/blog/">Blog</a></li> </ul> </nav> <nav class="site-footer__nav" aria-label="Company links"> <h3 class="site-footer__heading">Company</h3> <ul> <li><a href="https://phpcodeinformation.com/contact/">Contact</a></li> <li><a href="mailto:malekimtiyajmca@gmail.com">Email</a></li> </ul> </nav> </div> <div class="site-footer__bar"> <nav class="site-footer__social" aria-label="Social links"> <a href="https://github.com/Malekimtiyaj" class="site-footer__social-link" aria-label="GitHub" target="_blank" rel="noopener noreferrer"> <svg viewBox="0 0 16 16" width="20" height="20" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8Z"/></svg> </a> <a href="https://www.linkedin.com/in/imtiyaj-malek-2644a712a/" class="site-footer__social-link" aria-label="LinkedIn" target="_blank" rel="noopener noreferrer"> <svg viewBox="0 0 16 16" width="20" height="20" fill="currentColor" aria-hidden="true"><path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146Zm4.943 12.248V6.169H2.542v7.225h2.401Zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016Zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4Z"/></svg> </a> <a href="mailto:malekimtiyajmca@gmail.com" class="site-footer__social-link" aria-label="Email" > <svg viewBox="0 0 16 16" width="20" height="20" fill="currentColor" aria-hidden="true"><path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2Zm13 2.383-4.708 2.825L15 11.105V5.383Zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741ZM1 11.105l4.708-2.897L1 5.383v5.722Z"/></svg> </a> </nav> <p class="site-footer__copy"> © 2026 Imtiyaj. All rights reserved. </p> </div> </div> </footer><!-- #colophon --> <button id="scrollTopBtn" class="scroll-top-btn" type="button" aria-label="Scroll to top"> <span aria-hidden="true">↑</span> </button> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/imtiyaj-prof/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script> (function () { var c = document.body.className; c = c.replace(/woocommerce-no-js/, 'woocommerce-js'); document.body.className = c; })(); </script> <script id="imtiyaj-prof-main-js" defer src="https://phpcodeinformation.com/wp-content/themes/imtiyaj-prof/assets/js/main.js?ver=1786703594"></script> <script id="sourcebuster-js-js" src="https://phpcodeinformation.com/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=11.0.1"></script> <script id="wc-order-attribution-js-extra"> var wc_order_attribution = {"params":{"lifetime":1.0e-5,"session":30,"base64":false,"ajaxurl":"https://phpcodeinformation.com/wp-admin/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","utm_source_platform":"current.plt","utm_creative_format":"current.fmt","utm_marketing_tactic":"current.tct","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}}; //# sourceURL=wc-order-attribution-js-extra </script> <script id="wc-order-attribution-js" src="https://phpcodeinformation.com/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=11.0.1"></script> <script id="wp-emoji-settings" type="application/json"> {"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://phpcodeinformation.com/wp-includes/js/wp-emoji-release.min.js?ver=7.0.4"}} </script> <script type="module"> /*! This file is auto-generated */ var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))}); //# sourceURL=https://phpcodeinformation.com/wp-includes/js/wp-emoji-loader.min.js </script> </body> </html>