I have faced a problem while using bootstrap modal that clicking outside content are popup will dismiss. There are two types of ways to resolve this issue. If u r using javascript: and If you u r using html
Developers Map
Discy Latest Questions
I am not suggest to use html pattern for validation but it can be use for stop wrong pattern date from an input. Date : YYYY-MM-DD So you can use pattern=”[0-9]{4}-(0[1-9]|1[012])-(0[1-9]|1[0-9]|2[0-9]|3[01])” on input type text
Here I show a simple validation code of Mobile Number validation using HTML 5 pattern You input type should be text and attribute pattern
Yes, with HTML5 “form” Attribute it is possible ! you can place an input field outside a form and still can gets its value using only html. see below code <!DOCTYPE html> <html> <body> <h2>The form Attribute</h2> <p>The form attribute specifies one or more forms ...
The new HTML5 “autofocus” is used to provide focus to an input field when page loads see below code. <!DOCTYPE html> <html> <body> <h2>Telephone Field</h2> <p>The <strong>input type="tel"</strong> is used for input fields that should contain a telephone number:</p> <form action="/action_page.php"> Telephone: <input type="tel" name="phone" pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}" required> <input ...
By using “vw” unit you can set text size according to browser width. see the below code, add it to your html . now try to resize the your browser window. the text size will get adjusted automatically according to ...
The html <picture> element allows you to define different images for different browser window sizes. it is simple just see below code and paste it on your html. <picture> <source srcset="img_smallflower.jpg" media="(max-width: 600px)"> <source srcset="img_flowers.jpg" media="(max-width: 1500px)"> <source srcset="flowers.jpg"> <img src="img_flowers.jpg" alt="Flowers" style="width:auto;"> </picture> The reference ...
Learn how to create a fading overlay effect to an image, on hover: Please use code given below: CSS HTML OUTPUT Hello World
How to add a tooltip on the html element. a short code which helpfull to add a tooltip or HTML inside Bootstrap tooltips Here is full page code https://gitlab.com/manishktpraj/web/blob/master/HTML-inside-Bootstrap-tooltips/html-tooltips.html
DataTables can also use initialization options read from HTML5 data-* attributes. This provides a mechanism for setting options directly in your HTML, rather than using Javascript (as above). Consider for example the following table: By using this data attribute data-page-length=’25’ you ...
STEP 1 :First Plase create a table and there will be multiple rows available . As show you as below Scroll Table Row <script> $( ".alert-success" )[0].scrollIntoView(); </script> NOTE : Please Be Sure class or Id must be Unique. you canuse both ...