फॉर्म जमा करने के लिए इनपुट प्रकार ="सबमिट" का उपयोग करें और नीचे दिए गए कोड में इनपुट ऑनक्लिक को साफ़ करने के लिए एक अन्य इनपुट प्रकार ="बटन" का उपयोग करें -
उदाहरण
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=
1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fontawesome/4.7.0/css/font-awesome.min.css">
</head>
<style>
</style>
<body>
<label>StudentName:
<input type="text" id="txtName" />
</label>
<br>
<button type="submit">Submit</button>
<button type=" button" value="delete"
onclick="deleteSomething()">Delete</button>
<script>
function deleteSomething(secondValue) {
alert("I am going to clear text box data only...");
document.getElementById("txtName").value = "";
}
</script>
</body>
</html> उपरोक्त प्रोग्राम को चलाने के लिए, फ़ाइल नाम "anyName.html(index.html)" को सेव करें और फ़ाइल पर राइट क्लिक करें। वीएस कोड संपादक में "लाइव सर्वर के साथ खोलें" विकल्प चुनें।
आउटपुट
यह निम्नलिखित आउटपुट देगा -
अब, मैं टेक्स्ट बॉक्स में कुछ मान दर्ज करने जा रहा हूँ -
अब, मैं Delete बटन पर क्लिक करने जा रहा हूँ। क्लिक करने पर आपको एक अलर्ट संदेश मिलेगा -
OK बटन पर क्लिक करने के बाद, आपको निम्न आउटपुट मिलेगा -
