The required Attribute

#	Content	Views
1.	Tutorial Tags	37,059
2.	Tutorial + Programming	1,061,638
3.	Videos	353,181
4.	Results (`Annual + Re-appear`)	44,846
5.	Quiz Chapters	37,081
6.	Quiz Questions	540,074
7.	Quiz Results	29,742
8.	Testimonials	7,594
9.	Projects	33,794
10.	e-Words	22,245
11.	e-Certificates	4,968
12.	Downloads (Softwares)	121,474
13.	Downloads (Syllabus)	2,638

Home
HTML
Forms
The Required Attribute

The required Attribute

The input required attribute specifies that an input field must be filled out before submitting the form.

The required attribute works with the following input types: text, search, url, tel, email, password, date pickers, number, checkbox, radio, and file.

<!DOCTYPE html>
<html>
<body>

<h1>The input required attribute</h1>

<p>The required attribute specifies that an input field must be filled out before submitting the form.</p>

<form method="post" action="/php/actionPagePost.php">
  <label for="fname">First name:</label><br>
  <input type="text" id="fname" name="fname" placeholder="First Name" required><br>
  <label for="lname">Last name:</label><br>
  <input type="text" id="lname" name="lname" placeholder="Last Name" required><br><br>
  <input type="submit" value="Submit">
</form> 

<p><strong>Note:</strong> The required attribute of the input tag is not supported in Safari prior version 10.1.</p>

</body>
</html>

Live Demo & Try it yourself!

#HTML #form #required

CSPunjab.Com

The required Attribute

« Previous

The input required attribute specifies that an input field must be filled out before submitting the form.

The required attribute works with the following input types: text, search, url, tel, email, password, date pickers, number, checkbox, radio, and file.

<!DOCTYPE html>
<html>
<body>

<h1>The input required attribute</h1>

<p>The required attribute specifies that an input field must be filled out before submitting the form.</p>

<form method="post" action="/php/actionPagePost.php">
  <label for="fname">First name:</label><br>
  <input type="text" id="fname" name="fname" placeholder="First Name" required><br>
  <label for="lname">Last name:</label><br>
  <input type="text" id="lname" name="lname" placeholder="Last Name" required><br><br>
  <input type="submit" value="Submit">
</form> 

<p><strong>Note:</strong> The required attribute of the input tag is not supported in Safari prior version 10.1.</p>

</body>
</html>

Live Demo & Try it yourself!