इनपुट टाइप बटन सबमिट बटन या रीसेट बटन हो सकता है। CSS के साथ, हम वेब पेज पर किसी भी बटन को स्टाइल कर सकते हैं।
आप इनपुट टाइप बटन को स्टाइल करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं:
उदाहरण
<!DOCTYPE html>
<html>
<head>
<style>
input[type = submit], input[type = reset] {
background-color: orange;
border: none;
text-decoration: none;
color: white;
padding: 20px 20px;
margin: 20px 20px;
cursor: pointer;
}
</style>
</head>
<body>
<p>Fill the below form,</p>
<form>
<label for = "subject">Subject</label>
<input type = "text" id = "subject" name = "sub"><br><br>
<label for = "student">Student</label>
<input type = "text" id = "student" name = "stu"><br>
<input type = "reset" value = "Reset">
<input type = "submit" value = "Submit">
</form>
</body>
</html>