Use Search Input Type in HTML

Geetu Magoo
Updated on 23-Aug-2022 12:35:49

7K+ Views

Internet provides us a lot of services which we can access through the respective websites. Many of times, we are need to search information on a particular topic. To perform search on Internet, we can make of search engine like Google, Yahoo, Ask, Bing etc. You must have observed the textbox available for entering the search keywords. We type the keywords and it takes us to the next page where the matched results, fetched from the server, are displayed. When we design a form in HTML to capture data from the user, we use several controls. We can also make ... Read More

Use Email Input Type in HTML

Geetu Magoo
Updated on 23-Aug-2022 12:32:18

2K+ Views

Electronic-Mail is a facility available on Internet using which we can send formal emails to others by using their e-mail addresses. There are many email service providers like Yahoo, Gmail, Hotmail etc. We need to get registered with these service providers so that we can get an email address of our own choice. An e-mail address consists of two parts – user name and domain name. a user name can consist of upper or lower case letters, digits, special characters and dots. The maximum length of user name can be upto 64 characters and the domain name can have 253 ... Read More

Use Time Input Type in HTML

Geetu Magoo
Updated on 23-Aug-2022 12:25:54

23K+ Views

Html provides various tags to design a user interface. There is a specific category of tags which are readily available to provide options to the user to choose date and time type of data. To create the time control using HTML, we have tag, where time value can be used in TYPE attribute of tag. By default, time control will display the output in 24 hr format. Time can be represented in hh:mm(hours::minutes) format or if you want to mention seconds also, then the format will be hh::mm::ss. The value of hour can be selected between 0-24 and ... Read More

Use Month Input Type in HTML

Geetu Magoo
Updated on 23-Aug-2022 12:17:38

6K+ Views

In HTML, a form comprises of various elements which helps in making a user interface in a web page. Using which we can collect different nature of nature. One of the commonly used control is Month control i.e. This control basically gives the user a calendar like drop down from which he/she can select or pick up the month and year. The Month control will allow you to choose the date in the pattern of YYYY-MM, where YYYY means the year and MM means the month. Let us see a simple example of Month control.Example ... Read More

Open Webcam Using JavaScript

Kalyan Mishra
Updated on 23-Aug-2022 12:02:44

20K+ Views

In this tutorial, we will learn about the procedure to open a webcam using JavaScript. So, this can be done using WebRTC. WebRTC is a short form of Web Real-Time Communication. Using this object, we can access and capture the Webcam and Microphone devices that are available there in the user device. How to Access Webcam? We can access the user device Webcam and microphone using an ECMAScript object navigator.mediaDevices.getUserMedia(constraints). So, the getUserMedia() function by default seek user permission to use your Webcam. This function returns a promise and once you click ok and give the permission then the promise ... Read More

Use Range Input Type in HTML

Geetu Magoo
Updated on 23-Aug-2022 12:01:43

2K+ Views

A form in HTML is used to take input from the user using various ways or methods. There are many controls helpful in creating a user interface. To take single input, we use textbox and which can be created using . This code will show a control like this −In this control, we can type the exact or precise values which can be later validated or saved in the database. But sometimes we need to have control which will take user’s information or maybe his or her choice of interest where exact information cannot be entered. For example, in case ... Read More

Check If Value is Primitive in JavaScript

Kalyan Mishra
Updated on 23-Aug-2022 11:25:01

3K+ Views

In this tutorial, we are going to know the methods to check if the given data type is primitive or not. Datatypes in JavaScript 1. Primitive 2. Non-primitive Primitive data types − String, number, undefined, boolean, null, symbols, bigint. Non-primitive data types − Object A primitive datatype/value is something that is not an object, and it is represented at the bottom level of the language implementation. All primitive values are immutable which means that you cannot change their type instead you may reassign v new value to the variable. To check if the value is primitive or not, we check ... Read More

Create an Element from a String in JavaScript

Kalyan Mishra
Updated on 23-Aug-2022 11:20:05

2K+ Views

In this tutorial, we will get to know about various methods to create an element from strings in JavaScript. Creating elements from a string can be very useful in case we have to generate elements dynamically which makes the website interactive. An example will be like in a to-do list app we add, delete, and edit to-do items. The createElement() Method We create JavaScript items using the createElement() method. To create a particular element, we pass the item name as a string into the createElement() method. The createElement(tagName) function has a parameter as the name of the tag which will ... Read More

Create Notes Taking App Using HTML, Bootstrap, and JavaScript

Kalyan Mishra
Updated on 23-Aug-2022 11:17:36

653 Views

In this tutorial, we will make a notes-taking app using HTML, Bootstrap, and JavaScript. So, the HTML will use here to add different-different elements, bootstrap will be working here to beautify our design like CSS, and JavaScript will be adding basic functionality like adding and deleting our notes. Let’s see our HTML design of the UI. Our UI will contain a simple text area where we will enter our desired note, a button which will use to add our given note to the list of notes and in the list of notes there will be a delete button on each ... Read More

Join Elements of an Array to Create a String in JavaScript

Kalyan Mishra
Updated on 23-Aug-2022 11:10:01

593 Views

In this tutorial, we will see how to create a string by joining the elements of an array in JavaScript. We will see two different approaches to doing this task. The first approach is using a simple addition operator (+) to add the elements of the array and separator. The second approach is to use the join() method. Approach 1: Using the Addition Operator (+) In this approach, we will pass two parameters to the function the array of which elements we have to Join, and the second parameter will be the separator that the user has to give, basically, ... Read More

Advertisements