The web form is a commonly used element in each website. In some cases, the user is allowed to select files with the input data so that the files are attached to the form data. Mostly the default HTML file input interface is used to select and upload files...

Mostly the server-side scripting language such as PHP is used to upload file to the server. With this method, an HTML form is submitted to upload the selected file to the server. To provide a better user interface, we can use client-side technology such as...

Similar to Google Maps, OpenStreetMap is used to display maps with marker and info window. Mostly, the single marker is pointed on the map to display the location with marker and info window popup. We can embed maps with multiple markers and info-windows u...

If you are looking for an alternative to Google Maps, OpenStreetMap is the best option to embed maps on the website. OpenStreetMap is a free and open-source platform that provides geographic data service without any cost. Similar to Google Maps, OpenStreet...

Google reCAPTCHA is designed to protect websites from spam and abuse. It helps to integrate CAPTCHA functionality into the web page without any hassle. You can add Google reCAPTCHA in HTML form and verify the submission using PHP. The Google reCAPTCHA can ...

Multi Step Form Wizard helps to make long form user-friendly by dividing it into multiple steps. With multi step form interface, only a few inputs are showing on each screen and the user can complete input form fields by multiple steps. You can create a fo...

Select2 is a jQuery select box replacement plugin that allows customized select boxes with support for searching, tagging, and remote data loading features. You can convert HTML select boxes to highly featured dropdown select boxes using the Select2 JavaSc...

Tags are used to organize posts or articles on the website. Tags provide an effective way to group related posts and make it easier for the user to find relevant posts quickly. It also helps readers to get a brief idea about the post without reading the en...

A real-time clock is a very useful element for websites where time is the primary concern. The clocks are basically two types, analog and digital. This tutorial will explain how to build an analog clock using JavaScript and CSS. In this example real-time a...