Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
Front End Technology Articles
Page 625 of 652
How to define a caption for a fieldset element in HTML5
When developing HTML forms, it is critical to offer users clear and simple information about the purpose of the form and the data being gathered. One method is to add a caption or heading to a fieldset element, which is a collection of linked form components. The caption or header gives context and information about the form components contained inside the field set, allowing users to understand what information is being asked and how to appropriately fill out the form. Approaches There are several ways to add captions to a fieldset element in HTML. Here are several possibilities − ...
Read MoreHow to check the current selection against an expression using jQuery?
Overview jQuery is a fast, small, and feature-rich JavaScript library. It helps in DOM manipulation, event handling, animation, CSS and Ajax. To achieve the requirement we’ll use the “is(selector)” method of jQuery. is(selector) This method checks the currently selected elements against an expression/selector and returns true if any one of the selected elements matches with the selector. In the below code, we have created a container with the class “test”. We want to change the background color of the container when it is clicked. So, “test” which is the class name of the container will be used as a selector ...
Read MoreHow to count every element including the head and body in the document in jQuery?
Overview To count each and every element in the HTML document including the head tag and body tag can be achieved using the jQuery "length()" method. By selecting the universal selector ( * ) as selector and calculating the length of its using length property will return the number of the elements contained in the HTML document page. Syntax The syntax used to count the number of elements is − $(“*”).property; selector − The selector used in this is the universal selector, as the name itself describes that it selects each and every element of the page. ...
Read MoreHow to convert String to number using AngularJs?
Overview To convert the String type value to the Number type value is easy to manipulate with AngularJs as it has in-built function such as parseInt(), parseFloat() which convert the String type of number to the Number type and “isNumber()” function of angular which cross check whether the given data is converted to the number or not. For example if a number is of type decimal String type then we will use parseFloat() function to convert the String to Number, otherwise if we had to convert without the decimal number then we will use parseInt() function. Syntax The syntax used ...
Read MoreGetting started - The First Progam in Snack
Snack is an open-source Expo platform where React Native programming is done and the results can be seen instantly. It compiles and builds the bundle for execution on different types of devices or for Android , IOS or web. The code can be saved and shared quickly on Snack. As the user types the code, the library installation links are given by this interface to the user. Snack is a nice and quick to use platform which makes learning of React native easy for beginners. The user doesn't need to install anything. Just SignUp and then login to your expo ...
Read MoreExplain Handler Method in ES6
ES6 is referred to as ECMAScript 6. ES6 is the sixth version of ECMAScript, which was released in 2015 and is sometimes known as ECMAScript 2015. ECMAScript was developed to standardize JavaScript. Further in this article, we are going to discuss Handler Methods in ES6 in detail. Introduction to ES6 As we Know ES6 (ECMAScript 6) is introduced for the standardization of JavaScript. It is a programming language and in ES6 we don't have to need to write a number of lines of code or we can say we have to write less and accomplish more. JavaScript follows the ES6 ...
Read MoreExplain Constants in ES6
Debugging is a very hectic process for the developers or the programmer and a minor mistake can lead to major problems like changing a single variable will change the whole code and will become very difficult to detect. Sometimes there are some variables that are not going to change through the code and if by mistake their value got changed or updated by the user then they will not come in first thought that there may be a change in them. To overcome these issues there is a concept defined in the ES6 that if the user knows that a ...
Read MoreExplain clearTimeout() function in Node.js
There is a timer module in node.js that is used to schedule timers and carry out specific functions at a later time. In Node.js the JavaScript function clearTimeout() is used to halt the execution of the setTimeout() function by using the timeoutID returned by a specific setTimeout() function call. This function does nothing if the timeoutID didn't match for any prior calls or if an invalid value is given. The setTimeout() JavaScript function executes the specified code after the user-specified amount of time or delay, and it returns an ID, which is a positive integer commonly referred to as the ...
Read MoreHow to define a form for user input using HTML5?
HTML5 provides us with a powerful set of tools to create dynamic and interactive web pages. One of the important components of a web page is the ability to collect user input. In this article, we will learn how to define a form for user input using HTML5 in simple and unique words. Basic Form Element Structure A form is defined using the tag. The tag creates a container for input fields like text boxes, radio buttons, and checkboxes. Syntax A basic form structure looks like this − The action attribute ...
Read MoreHow to use Container Component in ReactJS?
The container component creates a container on the web page like a box. Also, we can set the height of the container according to the height of the inside content. Furthermore, we can set the variable width for the Container component. Basically, we can use the Container to create a Rectangular box and add some HTML content inside that. Users should use the below command to install the Material UI in the React project. npm install @mui/material @emotion/react @emotion/styled Syntax Users can follow the syntax below to use the Cotnainer component of Material UI. ...
Read More