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
Articles by Yaswanth Varma
Page 31 of 31
Usage of autofocus HTML5 attribute
We received a greatness from HTML5. Basic HTML can now be used to carry out tasks that JavaScript and Flash previously handled, such as basic form validation, INPUT placeholders, and audio/video. The autofocus attribute in HTML allows us to automatically focus on components when the page loads, which is another straightforward feature. When the autofocus property is present, the page loads with the INPUT, TEXTAREA, or BUTTON element already chosen. This property is particularly helpful on pages whose primary goal is information gathering. Autofocus HTML5 attribute An element should be focused when the page loads or when the a ...
Read MoreDifference between datetime and datetime-local in HTML5
The datetime-local input is different from the other one in that it excludes the time zone. Use datetime-local if your application doesn't care about the time zone. The datetime input type is still catching up with some browsers. Let’s look into further for getting better understanding between datetime and datetime-local in HTML5 HTML5 datetime The machine-readable date and time of the element is defined by the HTML datetime Attribute. The time and date are entered in the following format: YYYY-MM-DDThh:mm:ssTZD. Syntax Following is the syntax for HTML datetime Let’s look into the following example ...
Read MoreHTML5 Application Cache VS Browser Cache
Despite being familiar with the phrase cache, you may not fully understand what it means in the context of the Web. Caching, as used in everyday speech, is the act of storing something in the event that it subsequently proves beneficial. Bulk or main storage can't keep up with client needs, thus cache is used. Cache minimizes latency, speeds up input/output (I/O) activities, and decreases data access times. Let’s look into further for getting better understanding of HTML5 application cache vs browser cache. HTML5 Application Cache A web application is cached and available without an internet connection with the help ...
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 draw an Image with drawImage() in HTML5?
The "canvas" element merely serves as a container for visuals; drawing the graphics requires the use of a scripting language. It is a procedural, low-level model without an internal scene that updates a bitmap. The drawImage() function is what we employ to draw an image onto a canvas. This feature transfers a video, canvas, or picture to the canvas. Syntax context.drawImage(img, x, y, swidth, sheight, sx, sy, width, height); Where, Img − Determines whether to utilise a video, canvas, or image. Sx − The starting x coordinate for clipping. Sy − The y point at which clipping should ...
Read MoreHow to use drag and drop in HTML5?
Grabbing an object and moving it to a different position is made simpler with the drag and drop idea, which is very dynamic and user-friendly. This enables the user to click and drag an element to another position before letting go of the mouse button to drop it there. Drag and drop events Drag and Drop event consists of various types of events, some of them are listed below. ondrag − is a term used in HTML to describe when an element or text selection is being moved around. ondragstart − is a function that is called when a ...
Read MoreHow to draw a text with strokeText() in HTML5?
The stroketext() method renders the provided text using the current font, linewidth, and strokestyle properties at the specified place. The path won't be affected by any subsequent fill() or stroke() calls because this method draws directly to the canvas without changing the original route. Syntax Following is the syntax for stroke text in HTML ctx.strokeText(text, x, y, maxWidth); Where, X − The point on the x-axis where the text should start to be drawn, in pixels. Y − The baseline's y-axis coordinate, in pixels, at which to start rendering the text. text − A string containing the text ...
Read More