home

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

แอตทริบิวต์ novalidate และ formnovalidate แตกต่างกันอย่างไร

The ปรับปรุง และ fปรับแต่ง แอตทริบิวต์ใช้เพื่อเลี่ยงการตรวจสอบ ปรับปรุง แอตทริบิวต์ถูกนำไปใช้กับแบบฟอร์มและป้องกันไม่ให้มีการตรวจสอบ formnovalidate ถูกนำไปใช้กับปุ่มส่งประเภทอินพุตซึ่งแทนที่ ปรับปรุง . มันส่งแบบฟอร์มโดยไม่มีการตรวจสอบ

ที่ ปรับปรุง แอตทริบิวต์ยังเป็นแอตทริบิวต์แบบบูลีน แต่การใช้แอตทริบิวต์ดังกล่าวจะไม่ตรวจสอบรูปแบบการส่ง formnovalidate แอตทริบิวต์ใน HTML มีประโยชน์เมื่อคุณมีแบบฟอร์มที่มีปุ่มส่งมากกว่าหนึ่งปุ่ม

HTML แอตทริบิวต์ novalidate

แอตทริบิวต์ novalidate ใน HTML ใช้เพื่อแสดงว่าแบบฟอร์มจะไม่ได้รับการตรวจสอบเมื่อส่ง เป็นแอตทริบิวต์บูลีนและมีประโยชน์หากคุณต้องการให้ผู้ใช้บันทึกความคืบหน้าของการยื่นแบบฟอร์ม หากปิดใช้การตรวจสอบแบบฟอร์ม ผู้ใช้สามารถบันทึกแบบฟอร์มและดำเนินการต่อและส่งแบบฟอร์มได้ในภายหลัง

แอตทริบิวต์ novalidate และ formnovalidate แตกต่างกันอย่างไร

ตัวอย่าง

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

<!DOCTYPE html>
<html>
   <head>
      <title>HTML novalidate attribute</title>
   </head>

   <body>
      <form action = "" method = "get" novalidate>
         Team Name<br><input type = "name" name = "tname"><br>
         Team Rank<br><input type = "number" name = "trank"><br>
         <input type = "submit" value = "Submit">
      </form>
   </body>
</html>

HTML formnovalidate คุณลักษณะ

รูปแบบใหม่ คุณลักษณะใน HTML มีประโยชน์เมื่อคุณมีแบบฟอร์มที่มีปุ่มส่งมากกว่าหนึ่งปุ่ม
ปรับปรุงรูปแบบ คุณลักษณะแทนที่แอตทริบิวต์อื่นของแอตทริบิวต์

ซึ่งเรียกว่า ปรับปรุง คุณลักษณะ.
หมายเหตุ − formnovalidate ไม่รองรับแอตทริบิวต์ใน Internet Explorer และ Safari

แอตทริบิวต์ novalidate และ formnovalidate แตกต่างกันอย่างไร

ตัวอย่าง

คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อเรียนรู้วิธีใช้ formnovalidate แอตทริบิวต์ใน HTML หากคุณจะเลือกปุ่มส่งโดยไม่มีการตรวจสอบ แบบฟอร์มจะไม่ได้รับการตรวจสอบ

<!DOCTYPE html>
<html>
   <head>
      <title>HTML formnovalidate attribute</title>
   </head>

   <body>
      <form action = "" method = "get">
         Rank <input type="number" name="rank"><br>
         <input type="submit" value="Submit"><br>
         <input type="submit" formnovalidate="formnovalidate"
            value="Submit with no validation”>
      </form>
   </body>
</html>