{"id":40634,"date":"2019-11-18T18:17:00","date_gmt":"2019-11-18T10:17:00","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=40634"},"modified":"2022-07-17T21:57:49","modified_gmt":"2022-07-17T13:57:49","slug":"flexdatalist-jquery-plugin","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/flexdatalist-jquery-plugin\/","title":{"rendered":"Flexdatalist &ndash; Autocomplete Plugin with &lt;datalist&gt; Support"},"content":{"rendered":"<p>The <strong>HTML5 <a href=\"https:\/\/www.hongkiat.com\/blog\/html5-datalist\/\"><code>&lt;datalist&gt;<\/code><\/a> element<\/strong> is quite useful in modern frontend development. Yet, it\u2019s one of those elements that not many developers know about.<\/p>\n<p>It works on an input field where you can <strong>autosuggest certain values for the input<\/strong>. The default setup looks okay and we\u2019ve covered <a href=\"https:\/\/www.hongkiat.com\/blog\/search-select-using-datalist\/\">some coding tips<\/a> on building cool effects with autosuggest datalists.<\/p>\n<p>However, it\u2019s much easier to <strong>work with a plugin<\/strong> such as <strong><a href=\"http:\/\/projects.sergiodinislopes.pt\/flexdatalist\/\" target=\"_blank\" rel=\"noopener noreferrer\">Flexdatalist<\/a><\/strong>. It <strong>supports a wider array of browsers<\/strong> and allows you to <strong>fully customize the design of your datalist<\/strong>.<\/p>\n<figure><a href=\"http:\/\/projects.sergiodinislopes.pt\/flexdatalist\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/flexdatalist-jquery-plugin\/01-flexdatalist-js-example-datalist.jpg\" alt=\"Flexdatalist jQuery plugin\" width=\"753\" height=\"433\"><\/a><\/figure>\n<p>Not everyone has a need for autocomplete features and with native HTML5 datalists, you might not bother with a plugin. However, Flexdatalist is perhaps the best one out there because it <strong>builds upon native datalist behaviors<\/strong> to add:<\/p>\n<ul>\n<li>Mobile responsive support<\/li>\n<li>Extra descriptions for each item<\/li>\n<li>Options for multiple selections at once<\/li>\n<li>Custom event handlers<\/li>\n<\/ul>\n<p class=\"note\"><strong>Read Also:<\/strong> <a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/better-ux-html-data-attributes\/\" rel=\"noopener noreferrer\">How to Build Better UX with HTML5 Data-* Attributes<\/a><\/p>\n<p>It\u2019s <strong>all powered by jQuery<\/strong>, so you will <strong>need a copy of the latest version<\/strong> to get this running. It also <strong>comes with its own CSS stylesheet<\/strong> which you might want to combine into a single CSS file to reduce HTTP requests.<\/p>\n<p>You can find <strong>full setup instructions<\/strong> on the <a href=\"http:\/\/projects.sergiodinislopes.pt\/flexdatalist\/#installation\" target=\"_blank\" rel=\"noopener noreferrer\">main demo page<\/a> which includes <strong>download links to the Flexdatalist files<\/strong>.<\/p>\n<p>It\u2019s really simple to set up, with <strong>just a single line of JavaScript<\/strong>. By default, the plugin <strong>targets all inputs with the class <code>.flexdatalist<\/code><\/strong>, so just adding that to your code should be enough to see results.<\/p>\n<p>You just add the <code>&lt;datalist&gt;<\/code> element inside your input field and Flexdatalist handles the rest. It\u2019ll <strong>auto-style the list<\/strong>, including optional descriptive text.<\/p>\n<p>The simplest way to add extra text is <strong>through a <a href=\"https:\/\/stackoverflow.com\/q\/383692\" target=\"_blank\" rel=\"noopener noreferrer\">JSON file<\/a><\/strong> which you can <strong>attach to your input through a data attribute<\/strong>.<\/p>\n<p>For example, if you check out the Flexdatalist demo page you\u2019ll find a \u201cCountries\u201d input field with the attribute <code>data-data='countries.json'<\/code>. This references a remote file that <strong>stores all the raw input data externally<\/strong>.<\/p>\n<figure><a href=\"http:\/\/projects.sergiodinislopes.pt\/flexdatalist\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/flexdatalist-jquery-plugin\/02-examples-previews-flexdatalist-js-plugin.jpg\" alt=\"Flexdatalist example demo\" width=\"1000\" height=\"537\"><\/a><\/figure>\n<p>Too many of these fields you can <strong>slow down the page a bit<\/strong>. However, I can\u2019t imagine many sites would run more than a few of these datalist forms on one page, not to mention even with this jQuery plugin, they\u2019re <strong>still pretty fast<\/strong>.<\/p>\n<p>To get started, just <strong>visit the <a href=\"https:\/\/github.com\/sergiodlopes\/jquery-flexdatalist\" target=\"_blank\" rel=\"noopener noreferrer\">GitHub repo<\/a> and download a copy<\/strong>. This includes a <strong>link to the main demo page<\/strong> which also has full documentation for setup, JavaScript options, and plenty of sample code snippets to go around.<\/p>\n<p class=\"note\"><strong>Read Also:<\/strong> <a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/how-to-use-html-autocompletetype-attribute\/\" rel=\"noopener noreferrer\">How to Use Autocompletetype Attribute in HTML Forms<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>The HTML5 &lt;datalist&gt; element is quite useful in modern frontend development. Yet, it\u2019s one of those elements that not many developers know about. It works on an input field where you can autosuggest certain values for the input. The default setup looks okay and we\u2019ve covered some coding tips on building cool effects with autosuggest&hellip;<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3393],"tags":[911],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Flexdatalist &ndash; Autocomplete Plugin with &lt;datalist&gt; Support - Hongkiat<\/title>\n<meta name=\"description\" content=\"The HTML5 &lt;datalist&gt; element is quite useful in modern frontend development. Yet, it&#039;s one of those elements that not many developers know about. It\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/flexdatalist-jquery-plugin\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Flexdatalist &ndash; Autocomplete Plugin with &lt;datalist&gt; Support\" \/>\n<meta property=\"og:description\" content=\"The HTML5 &lt;datalist&gt; element is quite useful in modern frontend development. Yet, it&#039;s one of those elements that not many developers know about. It\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/flexdatalist-jquery-plugin\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2019-11-18T10:17:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-07-17T13:57:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/flexdatalist-jquery-plugin\/01-flexdatalist-js-example-datalist.jpg\" \/>\n<meta name=\"author\" content=\"Jake Rocheleau\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jake Rocheleau\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/flexdatalist-jquery-plugin\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/flexdatalist-jquery-plugin\\\/\"},\"author\":{\"name\":\"Jake Rocheleau\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\"},\"headline\":\"Flexdatalist &ndash; Autocomplete Plugin with &lt;datalist&gt; Support\",\"datePublished\":\"2019-11-18T10:17:00+00:00\",\"dateModified\":\"2022-07-17T13:57:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/flexdatalist-jquery-plugin\\\/\"},\"wordCount\":436,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/flexdatalist-jquery-plugin\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/flexdatalist-jquery-plugin\\\/01-flexdatalist-js-example-datalist.jpg\",\"keywords\":[\"jQuery\"],\"articleSection\":[\"Toolkit\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/flexdatalist-jquery-plugin\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/flexdatalist-jquery-plugin\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/flexdatalist-jquery-plugin\\\/\",\"name\":\"Flexdatalist &ndash; Autocomplete Plugin with &lt;datalist&gt; Support - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/flexdatalist-jquery-plugin\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/flexdatalist-jquery-plugin\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/flexdatalist-jquery-plugin\\\/01-flexdatalist-js-example-datalist.jpg\",\"datePublished\":\"2019-11-18T10:17:00+00:00\",\"dateModified\":\"2022-07-17T13:57:49+00:00\",\"description\":\"The HTML5 &lt;datalist&gt; element is quite useful in modern frontend development. Yet, it's one of those elements that not many developers know about. It\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/flexdatalist-jquery-plugin\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/flexdatalist-jquery-plugin\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/flexdatalist-jquery-plugin\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/flexdatalist-jquery-plugin\\\/01-flexdatalist-js-example-datalist.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/flexdatalist-jquery-plugin\\\/01-flexdatalist-js-example-datalist.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/flexdatalist-jquery-plugin\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Flexdatalist &ndash; Autocomplete Plugin with &lt;datalist&gt; Support\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\",\"name\":\"Jake Rocheleau\",\"description\":\"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers\",\"sameAs\":[\"https:\\\/\\\/www.hongkiat.com\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/jake\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Flexdatalist &ndash; Autocomplete Plugin with &lt;datalist&gt; Support - Hongkiat","description":"The HTML5 &lt;datalist&gt; element is quite useful in modern frontend development. Yet, it's one of those elements that not many developers know about. It","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hongkiat.com\/blog\/flexdatalist-jquery-plugin\/","og_locale":"en_US","og_type":"article","og_title":"Flexdatalist &ndash; Autocomplete Plugin with &lt;datalist&gt; Support","og_description":"The HTML5 &lt;datalist&gt; element is quite useful in modern frontend development. Yet, it's one of those elements that not many developers know about. It","og_url":"https:\/\/www.hongkiat.com\/blog\/flexdatalist-jquery-plugin\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2019-11-18T10:17:00+00:00","article_modified_time":"2022-07-17T13:57:49+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/flexdatalist-jquery-plugin\/01-flexdatalist-js-example-datalist.jpg","type":"","width":"","height":""}],"author":"Jake Rocheleau","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Jake Rocheleau","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/flexdatalist-jquery-plugin\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/flexdatalist-jquery-plugin\/"},"author":{"name":"Jake Rocheleau","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a"},"headline":"Flexdatalist &ndash; Autocomplete Plugin with &lt;datalist&gt; Support","datePublished":"2019-11-18T10:17:00+00:00","dateModified":"2022-07-17T13:57:49+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/flexdatalist-jquery-plugin\/"},"wordCount":436,"commentCount":0,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/flexdatalist-jquery-plugin\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/flexdatalist-jquery-plugin\/01-flexdatalist-js-example-datalist.jpg","keywords":["jQuery"],"articleSection":["Toolkit"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/flexdatalist-jquery-plugin\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/flexdatalist-jquery-plugin\/","url":"https:\/\/www.hongkiat.com\/blog\/flexdatalist-jquery-plugin\/","name":"Flexdatalist &ndash; Autocomplete Plugin with &lt;datalist&gt; Support - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/flexdatalist-jquery-plugin\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/flexdatalist-jquery-plugin\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/flexdatalist-jquery-plugin\/01-flexdatalist-js-example-datalist.jpg","datePublished":"2019-11-18T10:17:00+00:00","dateModified":"2022-07-17T13:57:49+00:00","description":"The HTML5 &lt;datalist&gt; element is quite useful in modern frontend development. Yet, it's one of those elements that not many developers know about. It","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/flexdatalist-jquery-plugin\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/flexdatalist-jquery-plugin\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/flexdatalist-jquery-plugin\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/flexdatalist-jquery-plugin\/01-flexdatalist-js-example-datalist.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/flexdatalist-jquery-plugin\/01-flexdatalist-js-example-datalist.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/flexdatalist-jquery-plugin\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Flexdatalist &ndash; Autocomplete Plugin with &lt;datalist&gt; Support"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a","name":"Jake Rocheleau","description":"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers","sameAs":["https:\/\/www.hongkiat.com"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/jake\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-azo","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/40634","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=40634"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/40634\/revisions"}],"predecessor-version":[{"id":62101,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/40634\/revisions\/62101"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=40634"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=40634"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=40634"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=40634"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}