home

หน้าแรก
 Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

HTML แอตทริบิวต์ที่จำเป็น

คุณลักษณะที่จำเป็นขององค์ประกอบ ใช้เพื่อตั้งค่าฟิลด์ที่จำเป็นต้องกรอกก่อนที่จะส่งแบบฟอร์ม หากไม่ได้กรอกชุดฟิลด์ที่มีแอตทริบิวต์ที่จำเป็น เมื่อคลิกปุ่มส่ง แบบฟอร์มจะไม่ส่ง

ต่อไปนี้เป็นไวยากรณ์ -

<input required>

ให้เราดูตัวอย่างการใช้แอตทริบิวต์ที่จำเป็นขององค์ประกอบ ที่นี่เราได้ตั้งค่า 3 ฟิลด์ตามต้องการ -

ตัวอย่าง

<!DOCTYPE html>
<html>
<body>
<h2>Register</h2>
<form action="" method="get">
   Id − <input type="text" name="id" placeholder="Enter UserId here..." required><br>
   Password − <input type="password" name="pwd" placeholder="Enter password here..." required><br>
   DOB − <input type="date" name="dob" placeholder="Enter date of birth here..."><br>
   Telephone − <input type="tel" name="tel" placeholder="Enter mobile number here..." required><br>
   Email − <input type="email" name="email" placeholder="Enter email here..."><br><br>
   <button type="submit" value="Submit">Submit</button>
</form>
</body>
</html>

ผลลัพธ์

HTML input แอตทริบิวต์ที่จำเป็น

สมมติว่าเราจะคลิกปุ่มส่งโดยไม่กรอก ID รหัสผ่านและโทรศัพท์ใน 3 ช่อง จากนั้นแบบฟอร์มจะไม่ส่ง เราไม่ได้กรอกข้อมูลในฟิลด์ "โทรศัพท์" ที่นี่ ดังนั้นจะมองเห็นข้อผิดพลาดที่ไม่อนุญาตให้เราส่งแบบฟอร์ม -

HTML input แอตทริบิวต์ที่จำเป็น