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
Web Development Articles
Page 295 of 801
What is the difference between novalidate and formnovalidate attributes?
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 MoreHow to create a 2-column layout grid with CSS?
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 MoreHow to create a \"user rating\" scorecard with CSS?
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 MoreHow to create a \"to-do list\" with CSS and JavaScript?
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 MoreHow to create a \"scroll back to top\" button with CSS?
On a lot of websites, you must have seen a Top button while you scroll to the bottom. That is called the “scroll back to top” button. Create a Button First, create a button that will be clicked to reach the top − Top Style the top Button The display is set to none to make the button hidden. The button is positioned fixed using the fixed value of the position property. The bottom property is used to position the button downwardsn − topBtn { display: none; position: fixed; bottom: 20px; right: 30px; z-index: 1; ...
Read MoreHow to create a \"fixed\" menu with CSS?
To create a fixed menu on a web page, use the position property and set the value fixed. Set the width to 100% using the width property. Set the Navigation Menu Use the element to create the navigation menu on a web page. The links are set using the and the href attribute − Home Login Register Contact Us More Info Style the Navigation Menu We have positioned the menu as fixed using the position property with the value ...
Read MoreHow to create a \"coupon\" with CSS?
We will see how to create a coupon with CSS. For that, we need to set the company name on the top, an image below, After that comes with coupon code and a text representing when the coupon will expire. Set the Parent Container for the Coupon We gave set the parent cdiv here. Within this we will set the divs for the text, image, etc − Style the parent container − .couponContainer { border: 5px dashed #bbb; width: 80%; border-radius: 15px; margin: 0 auto; max-width: 600px; } Set the Container for the ...
Read MoreHow to create a \"coming soon page\" with CSS and JavaScript?
We will create a coming soon page with a timer. The timer is set using the setInterval() function. The time is fetched using the getTime() function. Set the div We have set the image as a div class. Rest, the coming soon text and the timer is placed within it − COMING SOON Place the Image The image is now placed using the background-image property. The position is set using the background-position property” .bgimg { background-image: url("https://images.pexels.com/photos/117602/pexels-photo-117602.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1"); height: ...
Read MoreHow to create a \"card\" with CSS?
On a web page, we can easily create a card like you must have seen on a Team’s page. The employee name, and designation is visible with a thumbnail image. With CSS, we can easily a card and also set the hover style using the :hover selector. Set the Card Image The element is used to set the image for the card. Place it inside a div − Amit Diwan Founder ...
Read MoreHow to create a \"button group\" with CSS?
On a web page, we can easily create a button group. We will create a single div for all the buttons in a button group. They will be set with display inline-block. Also, the hover effect will be set. Create a Button Group on a web Page In a div, set the buttons using the element − Facebook Twitter LinkedIn Style the Button Groups The display suggests how to control the layout of an element. In this case, the inline-block of the display property displays ...
Read More