Skip to main content

Posts

Showing posts from January, 2018

How to make a widget or card using HTML and CSS?

< html > < style > div { height : 230 px ; width : 260 px ; margin : 19 px ; } . card { float : left ; display : inline-block ; box-shadow : 0 4 px 8 px 0 rgba ( 0 , 0 , 0 , 0.2 ); transition : 0.3 s ; } </ style > < body > < div class= "card" > < div class= "container" > Hello </ div ></ div > </ body > </ html >

Mark all checkboxes based using one checkbox

< html > < body > < label >< b > Year* </ b ></ label > < input type= "checkbox" id= 'year' class= "yearcheckall" value= "0" >< b > All </ b > < input type= "checkbox" name= "year[]" class= "year" value= "1" required > 1st Year < input type= "checkbox" name= "year[]" class= "year" value= "2" required > 2nd Year < input type= "checkbox" name= "year[]" class= "year" value= "3" required > 3rd Year < input type= "checkbox" name= "year[]" class= "year" value= "4" required > 4th Year </ body > </ html > < script type = "text/javascript" src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js" ></ script > < script > $ ( &#

How to restrict an input box to accept only alphabets?

INPUT: <input type="text" class='name' name="first"/> CODE: < script > $ ( ".name" ).keydown( function (event) { if ( $ . inArray (event. keyCode ,[ 46 , 8 ]) !== - 1 || (event. keyCode == 65 && event. ctrlKey === true ) || (event. keyCode >= 35 && event. keyCode <= 39 )) { return ; } else { if (event. shiftKey || (event. keyCode < 65 || event. keyCode > 122 ) && (event. keyCode < 8 || event. keyCode > 32 )) { event. preventDefault (); } } }); </ script > Live Example jsfiddle: https://jsfiddle.net/akhilreddyyalla/o2gxgz9r/46107/

How to restrict an input box to accept only numbers?

INPUT BOX: <input type="text" id='number' name="mobile"/> CODE: < script > $ ( "#number" ).keydown( function (event) { if ( $ . inArray (event. keyCode ,[ 46 , 8 ]) !== - 1 || (event. keyCode == 65 && event. ctrlKey === true ) || (event. keyCode >= 35 && event. keyCode <= 39 )) { return ; } else { if (event. shiftKey || (event. keyCode < 48 || event. keyCode > 57 ) && (event. keyCode < 96 || event. keyCode > 105 )) { event. preventDefault (); } } }); </ script > Live Example Jsfiddle: https://jsfiddle.net/akhilreddyyalla/o2gxgz9r/46109/