Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

एचटीएमएल ऑनसबमिट इवेंट एट्रीब्यूट

<घंटा/>

HTML दस्तावेज़ में प्रपत्र सबमिट करने पर HTML ऑनसबमिट ईवेंट विशेषता ट्रिगर हो जाती है।

सिंटैक्स

निम्नलिखित वाक्य रचना है -

<tagname onsubmit=”script”></tagname>

आइए एचटीएमएल ऑनसबमिट इवेंट एट्रीब्यूट का एक उदाहरण देखें -

उदाहरण

<!DOCTYPE html>
<html>
<head>
<style>
   body {
      color: #000;
      height: 100vh;
      background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat;
      text-align: center;
      padding: 20px;
   }
   textarea {
      border: 2px solid #fff;
      background: transparent;
      font-size: 1rem;
   }
   ::placeholder {
      color: #000;
      font-size: 1rem;
   }
   .btn {
      background: #db133a;
      border: none;
      height: 2rem;
      border-radius: 2px;
      width: 40%;
      display: block;
      color: #fff;
      outline: none;
      cursor: pointer;
      margin: 1rem auto;
   }
</style>
</head>
<body>
<h1>HTML onsubmit Event Attribute Demo</h1>
<form onsubmit="submitFn()">
<textarea placeholder="Enter your message here" onreset="resetFn()" rows='8' cols="50"></textarea>
<input type="submit" value="SUBMIT" class="btn">
</form>
<div class="show"></div>
<script>
   function submitFn() {
      confirm("Form was submitted");
   }
</script>
</body>
</html>

आउटपुट

एचटीएमएल ऑनसबमिट इवेंट एट्रीब्यूट

ऑनसबमिट इवेंट एट्रिब्यूट कैसे काम करता है, यह देखने के लिए "सबमिट" बटन पर क्लिक करें -

एचटीएमएल ऑनसबमिट इवेंट एट्रीब्यूट


  1. HTML ondragenter ईवेंट विशेषता

    HTML ondragenter ईवेंट विशेषता तब ट्रिगर होती है जब कोई ड्रैग करने योग्य तत्व या टेक्स्ट HTML दस्तावेज़ में एक मान्य ड्रॉप लक्ष्य में प्रवेश करता है। सिंटैक्स निम्नलिखित वाक्य रचना है - <tagname ondragenter=”script”></tagname> उदाहरण आइए हम HTML ondragenter ईवेंट विशेषता का

  1. HTML ondragend ईवेंट विशेषता

    HTML ondragend ईवेंट विशेषता तब ट्रिगर होती है जब उपयोगकर्ता HTML दस्तावेज़ में किसी HTML तत्व के किसी तत्व या टेक्स्ट को खींचना समाप्त कर देता है। सिंटैक्स निम्नलिखित वाक्य रचना है - <tagname ondragend=”script”></tagname> आइए हम HTML ondragend ईवेंट विशेषता का एक उदाहरण दे

  1. एचटीएमएल ऑनपेजशो इवेंट एट्रीब्यूट

    जब कोई उपयोगकर्ता वेबपेज पर जाता है तो HTML onpageshow ईवेंट विशेषता ट्रिगर हो जाती है। सिंटैक्स निम्नलिखित वाक्य रचना है - <body onpageshow=”script”></body> आइए एचटीएमएल ऑनपेजशो इवेंट एट्रीब्यूट— . का एक उदाहरण देखें उदाहरण <!DOCTYPE html> <html> <style>