Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
In the world of web development, it's essential to have knowledge about the latest CSS and HTML techniques to add stunning visual effects to a website. One such effect is the "color drop effect, " which allows you to change the color of an image on hover by dropping a fill color on it. With this effect, you can make your website more interactive and engaging for the visitors. In this article, we will guide you through the process of creating a color drop effect using HTML and CSS. So, whether you are a beginner or an experienced web developer, ... Read More
The fillText() method draws filled text on the canvas. If you want to break lines you can do this by splitting the text at the new lines and calling the filltext() multiple times. By doing so, you are splitting the text into lines and drawing each line separately.You can try to run the following code snippet − var c = $('#c')[0].getContext('2d'); c.font = '12px Courier'; alert(c); var str = 'first line second line...'; var a = 30; var b = 30; var lineheight = 15; var lines = str.split(''); for (var j = 0; j
The novalidate and formnovalidateattributes are used to bypass validation. The novalidate attribute is applied to a form and prevents it from validation. The formnovalidate is applied to input type submit button, which overrides the novalidate. It submits the form without validating. The novalidate attribute is also a Boolean attribute, but using it won’t validate the form of submission. The formnovalidate attribute in HTML is useful when you have a form with more than one submit button. HTML novalidate attribute The novalidate attribute in HTML is used to signify that the form won’t get validated on submit. It is a Boolean attribute ... Read More
The HTML DOM Form reset() method is used for resetting all the values of the form elements and displaying the default values that are specified using the value attribute of the form elements. It acts as a reset button to clear form data and it doesn’t take any kind of parameters. Syntax Following is the syntax for form reset() method − formObject.reset() Example Let us look at an example of the Form reset() method − form{ border:2px solid blue; margin:2px; padding:4px; } ... Read More
The required attribute of the element is used to set a field which is required to be filled before the form is submitted. If the field set with required attribute is not filled, then on clicking the SUBMIT button, the form won’t submit.Following is the syntax −Let us now see an example to implement the required attribute of the element. Here, we have set 3 fields as required −Example Register Id − Password − DOB − Telephone ... Read More
To get the value of the href attribute of a link in JavaScript, use the href property. It gives you the URL of the linked document in JavaScript.ExampleYou can try to run the following code to get the value of the href attribute of a link. Qries var myLink = document.getElementById("anchorid").href; document.write("Link: "+myLink);
Yes, we can write a return statement of the method in catch and finally block. There is a situation where a method will have a return type and we can return some value at any part of the method based on the conditions. If we return a value in the catch block and we can return a value at the end of the method, the code will execute successfully. If we return a value in the catch block and we can write a statement at the end of the method after return a value, the code will not execute so it became unreachable ... Read More
To create a 2-column layout grid on a web page, we will create and position two divs, one on the left and the next on the right. Create the First div To begin with, we will create a div, beginning with the left div − Some random text on the left Create the Second div Create the 2nd div i.e., the right div − Some random text on the right Position the divs on the Left and Right The two divs are positioned on the left and right using the left and right property − .left { left: 0; ... Read More
To create a user rating scorecard, first set the exact icon for a star. That would be done using the Font Awesome icons. The individual ratings are displayed as progress bars. Set the Icon for Star Rating The icon for the star rating is set using Font Awesome Icons. We have added the following CDN path for the Font Awesome icons in the beginning to use it on our web page − For rated, use the fa fa-star rated − The above rated class is styled to make the star look appealing − .rated { color: rgb(255, 0, 0); border: 2px ... Read More
A to-do list allows you to manage your task. It is like a note. When you type what needs to be done, for example, meeting at 4PM, you press Enter. On pressing Enter, the task gets added and a section for another task is visible wherein you can type the next task, example, lunch with a colleague at 7PM, etc. Add an Input Text to Enter a Task To add an input task, use the . A placeholder is also set using the placeholder attribute − Style the Input The input is set with the todoInput class. ... Read More