Web Technologies Questions

The following Web Technologies Questions section contains a wide collection of web-based questions. These questions are categorized based on the topics HTML, CSS, JavaScript, and many more. Each section contains a bulk of questions with multiple approaches solutions.

Web Technologies Questions Topics:

• HTML Questions
• CSS Questions
• JavaScript Questions
• PHP Questions
• Bootstrap Questions
• Angular.js Questions
• React.js Questions
• Node.js Questions
• jQuery Question
• JSON Questions
• TypeScript Questions
• HTTP Questions

1. How to set input type date in dd-mm-yyyy format using HTML ?
2. How to Create Time-Table schedule using HTML ?
3. How to set the width and height of an image using HTML ?
4. How to create table with 100% width, with vertical scroll inside table body in HTML ? 
5. How to create a table with fixed header and scrollable body ?
6. How to create Text Editor using Javascript and HTML ?
7. How to disable the drop-down list in HTML5 ?
8. How to select multiple options at once in dropdown list in HTML5?
9. How to stretch div to fit the container ?
10. How to set a minimum and maximum value for an input element in HTML5 ?
11. How to Move Image in HTML ?
12. How to set background image in HTML ?
13. How to specify the width of an input element in HTML5 ?
14. How to set Background Color in HTML ?
15. How to set the default value for an HTML <select> element?
16. How to set fixed width for <td> in a table ?
17. How to create an HTML button that acts like a link? 
18. How to set placeholder value for input type date in HTML 5 ?
19. How to create Expanding Cards using HTML, CSS and Javascript ?
20. How to set fullscreen iframe?
21. How to change SVG color ?
22. How to get the coordinates of a mouse click on a canvas element ?
23. How to add Google map inside html page without using API key ?
24. How to specify the base URL for all relative URLs in a document using HTML5?
25. How to set the height and width of the video player in HTML5 ?
26. How to display video controls in HTML5 ?
27. How to specify that a user can enter more than one value in an input element in HTML5?
28. How to divide an image into different clickable link area using HTML?
29. How to set the focus on drop-down list automatically when the page loads in HTML5?
30. How to preload the video when the page loads in HTML5 ?
31. How to create a multiline input control text area in HTML5 ?
32. How to create Hex color generator using HTML CSS and JavaScript ?
33. How to include Social Media Icons in HTML ?
34. How to disable arrows from Number input ?
35. How to create Non-Rectangular Header using HTML & CSS ?
36. How to create Scrollable HTML Comment box ?
37. How to set the SVG background color ?
38. How to add whatsapp share button on a website ?
39. How to get the entire HTML document as a string in JavaScript ?
40. What is the best way to compare two HTML pages with same data but different markup?
41. How to preload an audio in HTML5 ?
42. How to change the <input> type?
43. How to divide an HTML page into four parts using frames ?
44. How to set character encoding for document in HTML5 ?
45. How to create circular progress bar using SVG ?
46. How to use web share API for native share options in Html & JavaScript ?
47. How to return HTML or build HTML using JavaScript ?
48. How to Create Image Accordion using HTML and CSS ?
49. How to create Image Stack Illusion using HTML and CSS ?
50. How to Create an Effect to Change Button Color using HTML and CSS ?

1. How to position a div at the bottom of its container using CSS?
2. How to set div width to fit content using CSS ?
3. How to apply style to parent if it has child with CSS?
4. How to place text on image using HTML and CSS?
5. How to include one CSS file in another?
6. What is the difference between SCSS and SASS ?
7. How to put an input element on the same line as its label?
8. How to Zoom an Image on Mouse Hover using CSS ?
9. How to wrap the text around an image using HTML and CSS ?
10. How to Change the Position of Scrollbar using CSS ?
11. How to wrap table cell <td> content using CSS ?
12. How to design a modern sidebar menu using HTML and CSS?
13. How to create Responsive Profile Card using HTML and CSS ?
14. How to create fade-in effect on page load using CSS ?
15. How to darken an Image using CSS ?
16. How to place Font Awesome icon to input field ?
17. How to Add Image into Dropdown List for each items ?
18. How to Draw a Semi-Circle using HTML and CSS ?
19. How to create a Spotlight Effect using HTML and CSS ?
20. How to make a Animated Table using HTML and CSS ?
21. How to Vertically Align Text Next to an Image using CSS ?
22. How to put a responsive clear button inside HTML input text field ?
23. How to exclude particular class name from CSS selector ?
24. How to insert line break before an element using CSS?
25. How to remove focus around buttons on click?
26. How to align Placeholder Text in HTML ?
27. How to Create Image Overlay Hover using HTML & CSS ?
28. How to apply CSS property to an iframe ?
29. How to set space between the flexbox ?
30. How to change an input button image using CSS?
31. How to create a Pie Chart using HTML & CSS ?
32. How to Create Text Changing Animation Effect using CSS ?
33. How to Remove URL from Printing the Page ?
34. How to Create a Transparent button using HTML and CSS ?
35. How to override the CSS properties of a class using another CSS class ?
36. How to Create Wave Background using CSS ?
37. How to align checkboxes and their labels on cross-browsers using CSS ?
38. How to Add Image in Text Background using HTML and CSS ?
39. How to disable zoom on a mobile web page using CSS?
40. How to Create a Wave Image for a Background using HTML and CSS ?
41. What does symbol tilde (~) denotes in CSS ?
42. How to format a number as currency using CSS ?
43. How to make horizontal line with words in the middle using CSS?
44. How to Create Skeleton Screen Loading Effect using CSS ?
45. How to set vertical space between the list of items using CSS ?
46. How to Create Blinking Text using CSS ?
47. Design a web page using HTML and CSS
48. How to make a HTML div responsive using CSS ?
49. How to decorate list bullets in arrow using CSS ?
50. How to apply Amazing Hover Effect over Button using HTML and CSS ?

1. How to get value of selected radio button using JavaScript?
2. How to create an image element dynamically using JavaScript ?
3. How to remove a character from string in JavaScript ?
4. How to force Input field to enter numbers only using JavaScript ?
5. How to convert JSON string to array of JSON objects using JavaScript ?
6. How to create a link in JavaScript ?
7. How to change the background color after clicking the button in JavaScript ?
8. How to detect browser or tab closing in JavaScript ?
9. How to select a random element from array in JavaScript ?
10. How to use dynamic variable names in JavaScript ?
11. How to Create a Form Dynamically with the JavaScript?
12. How to get values from html input array using JavaScript ?
13. How to change the text of a label using JavaScript ?
14. How to remove an HTML element using JavaScript ?
15. How to get client IP address using JavaScript ?
16. How to get character array from string in JavaScript?
17. How to push an array into the object in JavaScript ?
18. How to check a date is valid or not using JavaScript ?
19. How to find if two arrays contain any common item in Javascript?
20. How to store a key=> value array in JavaScript ?
21. How to run a function when the page is loaded in JavaScript ?
22. How to check whether a radio button is selected with JavaScript ?
23. How to disable scrolling temporarily using JavaScript?
24. How to generate random number in given range using JavaScript?
25. How to convert an Object {} to an Array [] of key-value pairs in JavaScript?
26. How to get selected value in dropdown list using JavaScript ?
27. How to remove spaces from a string using JavaScript ?
28. How to convert date to another timezone in JavaScript ?
29. How to detect the user browser ( Safari, Chrome, IE, Firefox and Opera ) using JavaScript ?
30. How to create hash from string in JavaScript ?
31. How to pass an array as a function parameter in JavaScript ?
32. How to convert blob to base64 encoding using JavaScript ?
33. How to get the child element of a parent using JavaScript ?
34. How to remove duplicates from an array of objects using JavaScript ?
35. How to set the value of a select box element using JavaScript?
36. How to Create a Dropdown List with Array Values using JavaScript ?
37. How to simulate a click with JavaScript ?
38. How to remove all line breaks from a string using JavaScript?
39. How to add a parameter to the URL in JavaScript ?
40. How to clear the content of a div using JavaScript?
41. How to get HTML content of an iFrame using JavaScript ?
42. How to remove portion of a string after certain character in JavaScript ?
43. How to use Checkbox inside Select Option using JavaScript ?
44. How to zoom-in and zoom-out image using JavaScript ?
45. How to stop browser back button using JavaScript ?
46. How to limit a number between a min/max value in JavaScript ?
47. How to make browser to go back to previous page using JavaScript ?
48. How to change the value of a global variable inside of a function using JavaScript ?
49. How to move mouse pointer to a specific position using JavaScript ?
50. How to get all unique values (remove duplicates) in a JavaScript array?

1. How to fill all input fields automatically from database by entering input in one textbox using PHP ?
2. How to get the current file name using PHP script ?
3. What is the difference between self and $this ?
4. How to pop an alert message box using PHP ?
5. How to call PHP function on the click of a Button ?
6. How to Upload Image into Database and Display it using PHP ?
7. How to execute PHP code using command line ?
8. How to pass JavaScript variables to PHP ?
9. How to Encrypt and Decrypt a PHP String ?
10. How to get parameters from a URL string in PHP?
11. How to declare a global variable in PHP?
12. How to display logged in user information in PHP ?
13. How to parse a CSV File in PHP ?
14. How to Insert Form Data into Database using PHP ?
15. How to read user or console input in PHP ?
16. How to encrypt and decrypt passwords using PHP ?
17. How to pass form variables from one page to other page in PHP ?
18. How to create admin login page using PHP?
19. How to Remove Special Character from String in PHP ?
20. How to reset Array in PHP ?
21. How to Create a Facebook Phishing Page ?
22. How to fetch data from localserver database and display on HTML table using PHP ?
23. How to avoid undefined offset error in PHP ?
24. How to convert array to string in PHP ?
25. How to get current year in PHP ?
26. How to enable cURL in PHP?
27. How to return multiple values from function in PHP?
28. How to make PDF file downloadable in HTML link using PHP ?
29. How to select and upload multiple files with HTML and PHP, using HTTP POST?
30. How to convert an array to CSV file in PHP ?
31. How to get the MAC and IP address of a connected client in PHP?
32. How to pass variables and data from PHP to JavaScript ?
33. How to change the session timeout in PHP?
34. How to add days to $Date in PHP?
35. How to send an email using PHPMailer ?
36. How to Dynamically generate a QR code using PHP
37. What is the correct JSON content type ?
38. How to get visitors country from their IP in PHP ?
39. How to configure XAMPP to send mail from localhost using PHP ?
40. How to create an array with key value pairs in PHP?
41. How to convert XML file into array in PHP?
42. How to copy a file from one directory to another using PHP ?
43. How to debug PHP scripts ?
44. How to convert lowercase string to uppercase using PHP ?
45. How to append a string in PHP ?
46. How to enable PHP’s openssl extension to install Composer ?
47. How to detect a mobile device using PHP?
48. How to save an HTML 5 Canvas as an image on the server ?
49. How to get form data using POST method in PHP ?
50. Iterate associative array using foreach loop in PHP
51. How to convert number to month name in PHP?

1. How to change navigation bar color in Bootstrap ?
2. How to create a navbar in Bootstrap ?
3. How to create a dropdown menu in Bootstrap ?
4. How to Open URL in New Tab using JavaScript ?
5. How to align navbar items to the right in Bootstrap 4 ?
6. How to create chart using bootstrap ?
7. How to get circular buttons in bootstrap 4 ?
8. How to change the background color of the active nav-item?
9. How to Align modal content box to center of any screen?
10. How to change Hamburger Toggler color in Bootstrap ?
11. How to use bootstrap-select for dropdown ?
12. How to make Bootstrap table with sticky table head?
13. How to add active class on click event in custom list group in Bootstrap 4 ?
14. How to make horizontal scrollable in a bootstrap row?
15. How to Align Navbar Items to Center using Bootstrap 4 ?
16. How to align pills to center in Bootstrap ?
17. How to make Progressbar using Angular UI Bootstrap ?
18. How to place two bootstrap cards next to each other ?
19. How to make vertical scrollable rows in bootstrap?
20. How to automatically close all collapsible elements inside of the accordion when closing the accordion?
21. How to fixed one column and scrollable other column or columns in Bootstrap ?
22. How to design full width dropdown Navbar using Bootstrap ?
23. How to use Top Navigation with Left Navigation Bar using Bootstrap ?
24. How to change column to row on small display in Bootstrap 4 ?
25. How to create a Breadcrumb Navigation ?
26. How to display title in Bootstrap-Select without empty element ?
27. How to Get Centered Content in Bootstrap ?
28. How to select/deselect multiple options in dropdown using jQuery ?
29. How to change Bootstrap Carousel Interval at Runtime ?
30. How to fade in and fade out background with bootstrap text carousel ?
31. How to achieve drop-down having multiple input types ?
32. How to create “Add to cart” button in Bootstrap ?
33. How to make Dropdown using Angular UI Bootstrap ?
34. How to change Bootstrap datepicker with specific date format ?
35. How to make Timepicker using Angular UI Bootstrap ?
36. How to make Pagination using Angular UI Bootstrap ?
37. How to make Rating using Angular UI Bootstrap ?
38. How to create dynamic autocomplete search using Bootstrap Typeahead ?
39. How to make Popover using Angular UI Bootstrap ?
40. How to make buttons using Angular UI Bootstrap ?
41. How to set Bootstrap Timepicker using datetimepicker library ?
42. How to Hide Button Text in Phone Mode ?
43. How to make alert using Angular UI Bootstrap ?
44. How to make Tooltip using Angular UI Bootstrap ?
45. How to write a form in different line using Bootstrap ?
46. How to make Datepicker using Angular UI Bootstrap ?
47. How to add background color to a div in Bootstrap ?
48. How to animate a Progress Bar in Bootstrap ?
49. How to create unequal columns in Bootstrap ?
50. Create a Single Page Responsive Website Using Bootstrap

1. How to Deploy Angular Application to Firebase using GitHub ?
2. How to open popup using Angular and Bootstrap ?
3. How to Display Spinner on the Screen till the data from the API loads using Angular 8 ?
4. How to use jQuery in Angular ?
5. How to disable a form control in Angular ?
6. How to reload or re-render the entire page using AngularJS?
7. How to add input fields dynamically on button click in AngularJS ?
8. How to pass two parameters to EventEmitter in Angular 9 ?
9. How to Create Todo List in Angular 7 ?
10. How to check whether a form or a control is touched or not in Angular 10 ?
11. How to set focus on input field automatically on page load in AngularJS ?
12. How to pass data from Parent to Child component in Angular ?
13. How to setup 404 page in angular routing ?
14. How to display loading screen when navigating between routes using Angular?
15. How to use javascript function in string interpolation in AngularJS ?
16. How to get the value of the form in Angular ?
17. How to inject service in angular 6 component ?
18. How to setup Tailwind CSS in AngularJS ?
19. How to use Plunker in Angular ?
20. How to make a multi-select dropdown using Angular 11/10 ?
21. How to disable a button depending on a checkbox’s state in AngularJS ?
22. How to build progressive web app(PWA) in Angular 9 ?
23. How to make a Bootstrap Modal Popup in Angular 9/8 ?
24. How to generate QR Codes with Angular 10 ?
25. How to check whether a form or a control is untouched or not in Angular 10 ?
26. How to hide an HTML element via a button click in AngularJS ?
27. How to check whether a form or a control is valid or not in Angular 10 ?
28. How to use ngfor to make a dropdown in Angular from an array ?
29. How to get the height of sibling div and send data to sibling component in Angular?
30. How to create module with Routing in Angular 9 ?
31. What are Filters in AngularJS ?
32. How to manually register a component in AngularJS ?
33. How to get input value search box and enter it in AngularJS component using Enter key ?
34. How to use $scope.$apply() in AngularJS ?
35. How to Create Observable data stream using fromEvent method in AngularJS ?
36. What is the role of ng-app, ng-init and ng-model directives in AngularJS ?
37. What is APP_BASE_HREF in Angular 10 ?
38. Establish communication between sibling components in Angular 11

1. How to create new elements with ReactJS mapping props ?
2. How to display a PDF as an image in React app using URL?
3. How to create a video to GIF converter using ReactJS ?
4. How to use Card Component in ReactJS?
5. How to connect NodeJS with ReactJS ?
6. How to Create ToDo App using ReactJS ?
7. How to use Fade Component in ReactJS ?
8. How to use Bootstrap in ReactJS ?
9. How to get complete cache data in ReactJS ?
10. How to create an image lightbox with Zoom In and Zoom Out functionality in ReactJS ?
11. How to create progress bar in ReactJS ?
12. How to get cell value on React-Table ?
13. How to create Accordion in ReactJS ?
14. How to use Typography Component in ReactJS?
15. How to show user image along with input field in ReactJS?
16. How to use Badge Component in ReactJS?
17. How to use BottomNavigation Component in ReactJS?
18. How to use ClickAwayListener Component in ReactJS ?
19. How to use AppBar Component in ReactJS ?
20. How to show LinearProgress in ReactJS ?
21. How to access nested object in ReactJS ?
22. How to use Table Component in ReactJS ?
23. How to Create a Navigation Bar with Material-UI ?
24. How to use Tooltip component in ReactJS?
25. How to create a custom progress bar component in React.js ?
26. How to export our DataGrid as CSV in ReactJS ?
27. How to put ReactJS component inside HTML string ?
28. How to use Chip Component in ReactJS?
29. How to solve too many re-renders error in ReactJS?
30. How to change the navbar color when you scroll in ReactJS ?
31. How to use XGrid Component in ReactJS ?
32. How to use Breadcrumbs Component in ReactJS?
33. How to use componentWillMount() in React Hooks?
34. How to pass data from child component to its parent in ReactJS ?
35. How to validate mobile number length in ReactJS ?
36. How to dynamically update SCSS variables using ReactJS?
37. How to use Popover Component in ReactJS ?
38. How to create a Read More component in ReactJS?
39. How to create a Scroll To Bottom button in ReactJS ?
40. How to create Shopping Cart Button in ReactJS?
41. How to style with SASS/SCSS in React ?
42. How to use React.cloneElement() function?
43. How to display a simple loading indicator between routes in react router ?
44. How to use Popper Component in ReactJS ?
45. How to use Backdrop Component in ReactJS?
46. How to create a Responsive Sidebar with dropdown menu in ReactJS?
47. How to Zoom in/Zoom out using React-PDF in ReactJS ?
48. How to integrate React-PDF in ReactJS ?
49. How to create a simple Responsive Footer in React JS ?
50. How to save new state to local JSON using ReactJS ?

1. How the single threaded non blocking IO model works in NodeJS ?
2. How to run a node.js application permanently ?
3. How do you run JavaScript script through the Terminal?
4. How to install the previous version of node.js and npm ?
5. How to connect SQL Server database from JavaScript in the browser ?
6. How Base64 encoding and decoding is done in node.js ?
7. How to use jQuery with Node.js ?
8. How to redirect back to original URL in Node.js ?
9. How to create PDF document in Node.js ?
10. How to take input in NodeJS ?
11. How to Install a local module using npm?
12. How to format the current date in MM/DD/YYYY HH:MM:SS format using Node.js?
13. How to send response from server to client using Node and Express ?
14. How to run Java code in Node.js ?
15. How to copy a file in Node.js?
16. How to integrate Express-rate-limit in Node.js ?
17. How to create a directory using NodeJS ?
18. How to convert an existing callback to a promise in Node.js ?
19. What is callback hell in Node.js ?
20. How to read a file line by line using node.js ?
21. How to Upload File using formidable module in Node.js ?
22. How to write asynchronous function for Node.js ?
23. How to add data in JSON file using NodeJS ?
24. How to return JSON using NodeJS ?
25. How to run many parallel HTTP requests using Node.js ?
26. How to access HTTP Cookie in Node.js ?
27. How to check if a string is valid MongoDB ObjectId in NodeJS ?
28. How to convert a file to zip file and download it using NodeJS ?
29. How to kill all instances of a Node.js process via command line ?
30. How to run a node.js app as a background service ?
31. How to display images using handlebars in Node.js ?
32. How to run multiple npm scripts in parallel?
33. How to pass/access node.js variable to an html file/template ?
34. How to verify recaptcha in Node.js server call ?
35. How to return an array of lines from a file in node.js ?
36. How to change npm start script of node.js ?
37. How to have path alias in Node.js ?
38. How to make Mongoose multiple collections using Node.js ?
39. How to save connection result in a variable in Node.js ?
40. How to add Timestamp in Mongodb Collection using Node.js ?
41. How to pause in NodeJS for a specific time ?
42. How to export class with static methods in Node.js ?
43. How to move MongoDB document from one collections to another ?
44. How to get file character encoding in Node.js ?
45. How to use $group for a MongoDB query in Node.js ?
46. How to create pagination in Node.js using skip and limit ?
47. How to Validate Data using joi Module in Node.js ?
48. How to access cache data in Node.js ?
49. How to create load balancing servers using Node.js ?
50. How to execute an array of synchronous and asynchronous functions in NodeJS?

1. How to Dynamically Add/Remove Table Rows using jQuery ?
2. How to change selected value of a drop-down list using jQuery?
3. How to reset a form using jQuery with .reset() method?
4. How to scroll automatically to the Bottom of the Page using jQuery?
5. How to add table row in a table using jQuery?
6. How to Convert HTML Table into Excel Spreadsheet using jQuery ?
7. How to convert jQuery to JavaScript ?
8. How to get a div’s background image with jQuery ?
9. How to create a news ticker using jQuery ?
10. How to call functions after previous function is completed in jQuery ?
11. How to add `style=display:“block”` to an element using jQuery?
12. How to get the value of a textarea in jQuery ?
13. How to animate scrollTop using jQuery ?
14. How to get file input by selected file name without path using jQuery ?
15. How to upload files asynchronously using jQuery?
16. How to reset/remove CSS styles for element ?
17. How to select first element in the drop-down list using jQuery ?
18. How to play/pause video using jQuery ?
19. How to refresh a page using jQuery?
20. How to Show and Hide div elements using Checkboxes ?
21. How to hide a div when the user clicks outside of it using jQuery?
22. How to change the element id using jQuery ?
23. How to Show and Hide div elements using radio buttons?
24. How to get the value in an input text box using jQuery ?
25. How to get form data using JavaScript/jQuery?
26. How to change the checkbox value using jQuery ?
27. How to copy the content of a div into another div using jQuery ?
28. How to dynamically set the height and width of a div element using jQuery ?
29. How to check an HTML element is empty using jQuery ?
30. How to Check Mentioned File Exists or not using JavaScript/jQuery ?
31. How to implement column specific search filter using DataTables plugin ?
32. How to set timeout for ajax by using jQuery?
33. How to find all elements that are disabled in jQuery ?
34. How to hide elements defined as variables in jQuery ?
35. How to Create Dark/Light Mode for Website using JavaScript/jQuery?
36. How to select/deselect multiple options in dropdown using jQuery ?
37. How to loop through input elements in jQuery ?
38. How to load external HTML file using jQuery ?
39. How to get the width and height of an element in jQuery ?
40. How to pass multiple JSON Objects as data using jQuery’s $.ajax() ?
41. How to uncheck all other checkboxes apart from one using jQuery ?
42. How to create a pop-up div on mouse over and stay when click using jQuery ?
43. How to remove white spaces from a string using jQuery ?
44. How to call a function when content of a div changes using jQuery ?
45. How to append a jQuery object to all paragraphs using jQuery ?
46. How to select all ancestors of an element in jQuery ?
47. How to create a div using jQuery with style tag ?
48. How to delete all table rows except first one using jQuery?
49. How to select elements with no visible children using jQuery ?
50. How to animate jQuery addClass/removeClass functions ?

1. How to convert JSON data to a html table using JavaScript/jQuery ?
2. How to pretty print JSON string in JavaScript ?
3. How to send a JSON object to a server using Javascript?
4. How to load data from JSON into a Bootstrap Table?
5. Difference Between JSON and BSON

1. How to Cast a JSON Object Inside of TypeScript Class ?
2. How to execute TypeScript file using command line?
3. How to Import another TypeScript Files ?

1. Client-Server Model
2. What is web socket and how it is different from the HTTP?
3. Difference between Search Engine and Web Browser
4. How to Fix a 401 Unauthorized Error?
5. Difference Between Web server and Application server
6. How to add HTTP headers ‘X-Frame-Options’ on iframe ?

Please write comments if you find anything incorrect, or you want to share more information about the topic discussed above