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
HTML Articles
Page 70 of 151
How to draw a rounded Rectangle on HTML Canvas?
To draw a rounded rectangle in HTML Canvas, we need to use the Canvas API methods. While the rect() method creates regular rectangles, it doesn't support rounded corners. Instead, we combine lineTo() for straight edges and quadraticCurveTo() for curved corners to create smooth rounded rectangles. The HTML5 element provides a drawing surface where we can create graphics using JavaScript. For rounded rectangles, we manually draw each side and corner using path methods. Syntax Following is the syntax for creating a rounded rectangle using canvas methods − ctx.beginPath(); ctx.moveTo(x + radius, y); ctx.lineTo(x + width ...
Read MoreHow to mark inserted text in HTML?
In HTML, inserted text refers to content that has been added to a document. The tag is the semantic way to mark text as inserted, which browsers typically display with an underline to indicate the addition. The tag is particularly useful in document versioning, collaborative editing, and showing changes or updates to content. It provides semantic meaning that assistive technologies can understand, unlike purely visual styling approaches. Syntax Following is the syntax for the tag − The text to be inserted The tag supports optional attributes − ...
Read MoreHow to mark text superscript in HTML?
The tag in HTML is used to mark text as superscript, which appears raised above the normal line of text and is typically rendered in a smaller font size. This element is commonly used for mathematical expressions, footnote references, ordinal numbers, and chemical formulas. Syntax Following is the syntax for the superscript tag − superscript text The tag requires both opening and closing tags. The text content placed between these tags will be displayed as superscript. Basic Superscript Example Following example demonstrates basic usage of the tag for mathematical ...
Read MoreHow to create an unordered list with disc bullets in HTML?
An unordered list in HTML displays items without numerical ordering, using bullet points instead. The element creates the list container, while elements define individual list items. By default, unordered lists use disc bullets, but you can customize the bullet style using CSS. Syntax Following is the syntax to create an unordered list with disc bullets in HTML − Item in list Item in list Item in list Since disc is the default bullet style for unordered lists, you can also create ...
Read MoreHow to create an unordered list with square bullets in HTML?
An unordered list in HTML displays items without numbering, using bullet markers instead. By default, unordered lists use circular bullets, but you can customize the bullet style using the list-style-type CSS property to create square bullets, circles, or remove bullets entirely. HTML provides four main bullet types for unordered lists − disc − Creates circular bullets (default style) circle − Creates hollow circular bullets square − Creates solid square bullets none − Removes all bullet markers HTML List Bullet Types ...
Read MoreHow to use a novalidate attribute in HTML?
The novalidate attribute in HTML is a Boolean attribute that disables the browser's built-in form validation when a form is submitted. When applied to a element, it allows users to submit forms even if the input fields contain invalid data according to their validation constraints. By default, HTML5 provides automatic client-side validation for various input types such as email, number, url, and attributes like required, pattern, min, and max. The novalidate attribute overrides this behavior. Syntax Following is the syntax for using the novalidate attribute − ...
Read MoreHow to use formnovalidate attribute in HTML?
The formnovalidate attribute in HTML is a boolean attribute that disables form validation for a specific submit button. When applied to a submit button, it overrides the form's validation requirements, allowing the form to be submitted without validating any required fields or input constraints. This attribute is particularly useful when you have multiple submit buttons in a form and want some buttons to bypass validation (such as "Save as Draft" or "Cancel" buttons) while others enforce validation (like "Submit" buttons). Syntax Following is the syntax for the formnovalidate attribute − Submit The ...
Read MoreWhy do we use the novalidate attribute in HTML?
The novalidate attribute in HTML is a Boolean attribute that disables the browser's built-in form validation when a form is submitted. When applied to a element, it allows users to submit forms even if required fields are empty or contain invalid data according to HTML5 validation rules. This attribute is particularly useful when you want to implement custom client-side validation using JavaScript, save form progress for later completion, or handle validation entirely on the server side. Syntax Following is the syntax for the novalidate attribute − ...
Read MoreWhy formaction attribute is not working outside of tag?
The formaction attribute can work outside the tag by using the form attribute to associate external buttons with a specific form. The formaction attribute specifies an alternate action URL for form submission, allowing multiple submit buttons to send data to different server endpoints. How Formaction Works When you submit a form, the browser follows this priority order − First − Check for formaction attribute on the submit button Second − Use the action attribute on the element Default − Submit to the current page if neither is specified Syntax Following is ...
Read MoreHow to use formenctype attribute in HTML?
The formenctype attribute in HTML specifies how form data should be encoded when submitting to the server. This attribute was introduced in HTML5 and is only used with input elements of type submit and image. It overrides the form's default enctype attribute for that specific submit button. Syntax Following is the syntax for the formenctype attribute − The encoding-type specifies how the form data should be encoded before sending it to the server. Formenctype Attribute Values The formenctype attribute accepts three possible values − Value Description ...
Read More