Skip to main content

HTML 5: Different input types - input type url

Similarly as the input type email earlier, an another input type is url. It also validate if the user has inputed url or not. If not it shows message as before.



Code:
<form action="" method="post">
Enter website:
<input type="url" name="website" >
<input type="submit" value="Submit" />
</form>

Output:






Now you must have understood what it does. It simply check whether the inputed format.

Now if you need users to add in some following some format then see the code below:

Code:

<form action="" method="post">
Enter website:
<input type="url" name="website" pattern="http?://.+">
<input type="submit" value="Submit" />
</form>

Output:






What it does? It makes compulsion to all the users to follow some format as in above example, users need to enter http://www.google.com not only google.com

Great!!! :)

Comments

  1. HTML itself is the absolute foundation if someone is thinking about working as a programmer. In my opinion, it is necessary to learn this language very well. I am also interested how to applications running in the cloud and I often read their blog because there is interesting information about native applications.

    ReplyDelete
  2. Everything has its value. Thanks for sharing this informative information with us. GOOD works! UK VPS

    ReplyDelete

Post a Comment

Popular posts from this blog

MySQL Connection

Connection with MySQL Database Before accessing database, you must create a connection to the database Syntax: mysql_connect(servername,username,password); where, servername specifies the server to connect to. Default value is “localhost” username specifies the username to log in with. Default value is the name of the user that owns the server process. To connect offline we use username “root”. password specifies the password to log in with. Default is “” Code : Creating connection to the database and selecting the required database <?php $con = mysql_connect(“localhost”,”root”,”"); if (!$con) { die(‘Could not connect: ‘ . mysql_error()); } else{ mysql_select_db(“test”, $con) }; ?> Here, we have store connection in a variable called $con and trap error using die function. Closing connection The connection will be closed automatically when the script ends. To close the connection before, use the mysql_close() function: <?php $con = mysql_conne...

Type Juggling and Type Casting

Type Juggling: PHP does not require (or support) explicit type definition in variable declaration; a variable's type is determined by the context in which the variable is used. That is to say, if a string value is assigned to variable $var, $var becomes a string. If an integer value is then assigned to $var, it becomes an integer.

Doctype Defination

A Document Type Declaration, or DOCTYPE, is an instruction that associates a particular SGML or XML document (for example, a webpage) with a Document Type Definition (DTD). Syntax The general syntax for a document type declaration is: <!DOCTYPE root-element PUBLIC "FPI" ["URI"] [ <!-- internal subset declarations --> ]>