|
|
The input The short hint is displayed in the input field before the user enters a value. The |
How is to look HTML placeholder Attribute
An input field with a placeholder text:
index.html
Example:
HTML
<form>
<label for="phone">Enter a phone number:</label>
<input type="tel" id="phone" name="phone"
placeholder="123-45-678"
pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}">
</form>
Output should be:
Full Code Example of HTML placeholder Attribute
The input placeholder attribute The placeholder attribute specifies a short hint that describes the expected value of an input field.
index.html
Example:
HTML
<!DOCTYPE html>
<html>
<body>
<h1>The input placeholder attribute</h1>
<p>The placeholder attribute specifies a short hint that describes the expected value of an input field.</p>
<form action="/action_page.php">
<label for="phone">Enter a phone number:</label>
<input type="tel" id="phone" name="phone" placeholder="123-45-678" pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}"><br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
Output should be:
Reffered: https://www.w3schools.com/html/html_form_attributes.asp
| How is to look HTML placeholder Attribute | HTML Input Attributes |
| Full Code Example of HTML placeholder Attribute | HTML Input Attributes |
Read Full: | HTML Input Attributes |
Category: | Web Tutorial |
Sub Category: | HTML Input Attributes |
Uploaded: | 10 months ago |
Uploaded by: | Admin |
Views: | 123 |