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 603 of 652
Create self-contained content in HTML5
The element in HTML5 is used to display self-contained content (images, videos, etc). This can be attached to the main program, and can be used at any place within the document without impacting the flow of document. Additionally, if we remove the tag, it won’t affect the structure of the document. Syntax The usage of tag in HTML is shown below − Image content... The parameters used in the caption are img, src and figcaption. The tag is used to specify the image source URL when we are including an ...
Read MoreRegEx in ReactJS
In this article, we are going to see how to handle the strings with RegEx handling in a React application.A RegEx or Regular Expression is a sequence of characters that forms a search pattern and is used to check if a string contains a specified search pattern or not. It is also used to validate strings which consist of email, passwords etc.Syntaxnew RegExp(pattern[, flags])ExampleIn this example, we will build an authentication React application that takes an email and password from the user and checks if they are validated or not.We have Regex.js which contains all the regular expressions to validate ...
Read MoreWhat are the new types introduced in HTML for input type?
There are a number of new HTML5 form input types, 13 to be exact, that make it much easier for web designers to create engaging and user-friendly web forms. In web browsers that support them, the new HTML5 input types provide data validation, date picker controls, colour picker controls, inline help text, and other features. Input types provided by HTML5 In this article we will take a look at all of the new form input types and some examples to demonstrate their usage. The colour input type allows the user to choose a colour from a colour picker and ...
Read MoreWhat are the Significant Goals of the HTML5 Specification?
The World Wide Web uses HTML5 as a markup language to organize and display content. It was the first HTML update in 14 years, and it was approved in 2014. In today's world, that's a lifetime between updates. It is the fifth and final major HTML version recommendation issued by the World Wide Web Consortium. The current specification is indeed the HTML living specification. It now includes support for multimedia, audio, video, tags and elements, improved document markup, and new APIs. HTML5's primary goal is to make it easier for web developers and browser designers to adhere to consensus-based standards ...
Read MoreHow to Use the \"required\" Attribute on the select Element in HTML5
The HTML select element represents a control that displays a menu of options. It is used to make drop-down menus so users can choose the value they want. It is a useful feature for gathering data to be sent to a server. The tag is typically used within a form element, with the items to be chosen coded within another tag, . It can also be used as a stand-alone element that is associated with a form via one of its special attributes, . The tag in HTML is associated with numerous attributes. They are discussed below. ...
Read MoreHow to set cookies in ReactJS?
In this chapter, we are going to see how to set, remove and retrieve cookies in a React application.Cookies are the data stored in the form of key-value pairs that are used to store information about the user on their computer by the websites that the users browse and use it to verify them.To set or remove the cookies, we are going to use a third-party dependency of react-cookie.Installing the modulenpm install react-cookieOr, yarn add react-cookieNpm is the node package manager which manages our React package but yarn is the more secure, faster and lightweight package manager.Setting up cookiesIn this ...
Read MoreHow to add a telephone number into a form using HTML5?
The task we are going to perform in this article is to add a telephone number into a form using HTML5. We are aware of the numerous benefits of using phone numbers. In case you need to collect a user's personal information, a telephone number is crucial. Additionally, a user may receive numerous messages or notifications on the form services. Let's dive into the article for getting better understanding on adding a telephone number into a form using HTML5. This can be done by using the . Using Tag A phone number can be entered and edited using ...
Read MoreHow to remove Time from Date TypeScript?
When working with date objects in TypeScript, sometimes it's necessary to extract only the date and remove the time component from it. This can be useful when displaying dates in a user interface or comparing dates. In this tutorial, we will explore several ways to remove time from date in TypeScript. Syntax const dateWithoutTime = date.toLocaleDateString(); const dateWithoutTime = date.toISOString().split('T')[0]; The above is the syntax of two different typescript methods for removing time from date. The first method uses the toLocaleDateString() method. The second method uses this string () method. Example 1: Using the toLocaleDateString() Method const date = ...
Read MoreShow Data Using Text Box in TypeScript
Data representation is crucial in software development, and it is essential to present data in a user-friendly way with the increasing demand for web-based applications. Text boxes are one of the ways to do so. Text boxes provide an easy way to display data to users in a structured and presentable way. This tutorial will provide a comprehensive guide on using text boxes in TypeScript to show data effectively. We will cover what text boxes are, provide syntax and algorithms for working with text boxes, and give multiple examples to illustrate how to use text boxes. What are Text Boxes ...
Read MoreHow to Use Lambda Expression in TypeScript?
Lambda expressions offer a succinct and expressive means of defining functions in TypeScript and are versatile enough to be utilized as class methods, object properties, and callbacks in higher-order functions. This tutorial aims to delve into the syntax of lambda expressions, highlight their advantages over conventional functions, and provide guidance on how to use lambda expressions in TypeScript effectively. What are Lambda Expressions? Lambda expressions, commonly referred to as arrow functions, were first introduced in ECMAScript 6 and have gained widespread usage in contemporary JavaScript and TypeScript code. These expressions provide a succinct syntax for defining functions in both languages. ...
Read More