Using the input Element to Obtain url

type='url' input element accepts only URL. Additional attributes available for the type='url'

AttributeDescriptionNew in HTML5
listthe id of a datalist element providing values for the element.Yes
maxlengththe maximum number of characters that the user can enterNo
patterna regular expression pattern for input validationYes
placeholdera hint to the userYes
readonlyIf present, makes the text box read-onlyNo
requiredrequired for the purposes of input validationYes
sizethe width of the element, the number of characters that are visible.No
valuethe initial value.No
 
<!DOCTYPE HTML>
<html>
<head>
<title>Example</title>
</head>
<body>
      <form method="post" action="http://yourServer/form">
            <p>
                  <label for="name"> Name: <input value="Mark" id="name"
                        name="name" />
                  </label>
            </p>
            <p>
                  <label for="password"> Password: <input type="password"
                        placeholder="Min 6 characters" id="password" name="password" />
                  </label>
            </p>
            <p>
                  <label for="url"> Your homepage: <input type="url" id="url"
                        name="url" />
                  </label>
            </p>
            <input type="submit" value="Submit Vote" />
      </form>
</body>
</html>
  
Click to view this demo.
Home 
  HTML CSS Book 
    HTML  

input Restricted:
  1. Using the input Element to Restrict Data Entry
  2. Using the input element to obtain a number
  3. Using input Element to Obtain a Number in a Given Range
  4. Using the input Element to Obtain a Boolean Response
  5. Using the input Element to Create Fixed Choices
  6. Using the input Element to Obtain email address
  7. Using the input element to obtain telephone number
  8. Using the input Element to Obtain url
  9. Using the input element to obtain times and dates
  10. Using the input Element to Obtain a Color
  11. Using the input Element to Obtain Search Terms
  12. Using the input element to create hidden data items
  13. Using the input Element to Create Image Buttons and Maps
  14. Using the input element to upload files
Related: