html head section

Definition of HTML Head Section HTML <head> tag is a Container Tag. All Header element contains like general information about web page, meta-information, Title of page, style sheet URL, Script URL and document type information etc. HTML <head> tag inside elements does not display in body part on web browser. HTML <head> tag inside Elements […]

Introduction of HTML and what is HTML and why use to HTML

In this article we will discuss on Introduction of HTML and what is HTML and why use to HTML. What is HTML? HTML is a Hiper Text Markup Language. HTML is a language made for creating the web pages for the websites. By using HTML language the even a child can make his web pages […]

Javascript code for validate radio button

Javascript code for validate radio button <html> <head> <script> function Submit(){ if(document.form.radiobutton[0].checked == false && document.form.radiobutton[1].checked == false){ document.getElementById(“errorBox”).innerHTML = “select your gender”; return false; } } </script> </head> <body> <form name=”form” > <input type=”radio” name=”radiobutton” value=”Female”> <label >Female</label> &nbsp;&nbsp;&nbsp; <input type=”radio” name=”radiobutton” value=”Male”> <label >Male</label> <div> <p id=”sign_user” onClick=”Submit()”>Sign Up </p> </div> </form>

Javascript code for prevent user to enter only alphabet’s

This is a javascript code for prevent user to enter only alphabet’s in a textbox….. <html> <head> <script type=”text/javascript” src=”http://code.jquery.com/jquery-1.8.2.js”></script> <script> function Submit(){ var fnameRegex = /^[a-zA-Z]*$/; var lnameRegex = /^[a-zA-Z]*$/; var fname = document.form.Name.value, lname = document.form.LastName.value; if( fname == “” ) { document.form.Name.focus() ; document.getElementById(“errorBox”).innerHTML = “enter the first name”; return false; }else […]

JavaScript code for prevent user to enter valid email address

JavaScript code for prevent user to enter valid email address <html> <head> <script type=”text/javascript” src=”http://code.jquery.com/jquery-1.8.2.js”></script> <script> function Submit(){ fcontact=document.form.contact.value; var emailRegex = /^[A-Za-z0-9._]*\@[A-Za-z]*\.[A-Za-z]{2,5}$/; femail = document.form.Email.value, freemail = document.form.enterEmail.value; if (femail == “” ) { document.form.Email.focus(); document.getElementById(“errorBox”).innerHTML = “enter the email”; return false; }else if(!emailRegex.test(femail)){ document.form.Email.focus(); document.getElementById(“errorBox”).innerHTML = “enter the valid email”; return false; } […]

JavaScript code for prevent user for enter only numbers

JavaScript code for prevent user for enter only numbers This is a JavaScript code for prevent user for enter only numbers in text box…… <html> <head> <script type=”text/javascript” src=”http://code.jquery.com/jquery-1.8.2.js”></script> <script> function Submit(){ fcontact=document.form.contact.value; if( fcontact == “” ) { document.form.contact.focus() ; document.getElementById(“errorBox”).innerHTML = “enter the contact number”; return false; } } $(function () { $(‘#contact’).keydown(function […]

CSS transitions CSS transforms and CSS hover animation

CSS transitions CSS transforms and CSS hover animation One image to another, on hover effect. First up, the HTML markup. Without CSS enabled, you just get two images. Remember to add alt text for production use. <div id=”cf”> <img class=”bottom” src=”http://learn4better.com/images/contact.png” alt=”css transform animation” /> <img class=”top” src=”http://learn4better.com/images/learn4better_home.jpg” alt=”css hover transform annimation” /> </div> Then […]

transitions and 3d transforms

transitions and 3d transforms Put an image on top of a div inside a container. Put that in another container with perspective defined. When hovering on the outside container, add a rotate around the Y axis to the inside container First, the markup. <div id=”f1_container”> <div id=”f1_card” class=”shadow”> <div class=”front face”><img src=”http://phpkida.com/phpkida1.png” alt=”” /></div> <div […]

PHPKIDA Offering Free Tools:

INSTA DOWNLOADER

Download Instagram Videos & Photos.

Download Now

CURRENCY CONVERTER

Real Time Currency Converter

Convert Now

ROBOST.TXT GEN.

Robots.txt File Creater

Create Now

HTML MINIFIER

Compress yout HTML Code

Minify Now

CSS MINIFIER

Compress yout CSS Code

Minify Now

JAVASCRIPT MINIFIER

Compress yout JavaScript Code

Minify Now

Sign up for weekly update

Milkshake is almost ready. If you're interested in testing it out, then sign up below to get exclusive access.