HOME
ABOUT
- RESULTS
- differences
- BENEFITS
- HISTORY
- TEAM
- LOCATION
- FACILITIES
- BANKING
- MEMBERSHIPS
- APPROVALS
- LICENCES
- SUPPLIERS
- SPONSORSHIPS
- MEDIA
- PRIVACY
AUCTIONS
SHIPPING
FEES
- TS REWARDS
TOOLS
guides
FAQ
CONTACT
- CONNECT

VEHICLES
BRAND
- JAPANESE CARS
  - DAIHATSU
  - EUNOS
  - FORD
  - HONDA
  - ISUZU
  - LEXUS
  - MAZDA
  - MITSUBISHI
  - MITSUOKA
  - NISSAN
  - SUBARU
  - SUZUKI
  - TOYOTA
- GERMAN CARS
- AMERICAN CARS
- BRITISH CARS
- ITALIAN CARS
- FRENCH CARS
- SWEDISH CARS
- KOREAN CARS
TYPE
- mobility
- VENDING
- instruction
- TAXIS
- AMBULANCES
- FIRE ENGINES
- HEARSES
- LIMOUSINES
- COMMERCIAL
CLASS
FUEL
TRUCKS
minitrucks
- DAIHATSU
- HONDA
- MAZDA
- MITSUBISHI
- NISSAN
- SUBARU
- SUZUKI
- DUMP
- CRANE
- CAMPER
- REFRIGERATED
- 4WD
- NEW
BUSES
MOTORHOMES
- YAHOO!
- RAKUTEN
- DEALER

PARTS
- FREE REPORT
- PARTS CONTAINERS
- PARTS SYSTEMS
- PARTS PROTECTION
- BODY SHELLS
- DISMANTLING
- ONLINE PARTS
- NEW PARTS
- INTERIOR PARTS
- EXTERIOR PARTS
  - BONNETS
  - BUMPERS
  - GRILLES
  - FENDERS
  - DOORS
  - TRUNKS
  - SPOILERS
  - LIGHTS
  - EMBLEMS
  - CAMERAS
- ENGINES
- TRANSMISSIONS
- WHEELS & TYRES
  - WHEELS
  - TYRES
CUTS
PERFORMANCE PARTS
TRUCK PARTS
MOTORBIKE PARTS
- MOTORBIKE ENGINES
- MOTORBIKE ACCESSORIES

MOTORBIKES
MARINE
FORKLIFTS
MACHINERY
AGRICULTURAL
OTHER
COUNTRY
- AUSTRALIA
- CANADA
- KENYA
- MYANMAR
- NEW ZEALAND
- PAKISTAN
- TANZANIA
- UNITED STATES

CARVIEW

MOTORHOMES

Select Language

HTTP/2 301 content-type: text/html; charset=UTF-8 content-length: 20 location: https://www.geeksforgeeks.org/html/how-to-reset-all-form-values-using-a-button-in-html/ date: Tue, 29 Jul 2025 12:46:20 GMT server: Apache strict-transport-security: max-age=31536000; includeSubDomains cache-control: s-maxage=88770, max-age=3, stale-while-revalidate=0, stale-if-error=0 content-encoding: gzip access-control-allow-credentials: true x-frame-options: DENY x-content-type-options: nosniff vary: Accept-Encoding,Cookie x-cache: Miss from cloudfront via: 1.1 72061b8b5eb2f7797212cde59925f584.cloudfront.net (CloudFront) x-amz-cf-pop: BOM78-P9 x-amz-cf-id: myVeNATs7CqXqfnfJNunry6k6GoKa3lpSF_VZ1uXfZ1pi00bnjJ0dg== HTTP/2 200 content-type: text/html; charset="UTF-8" date: Tue, 29 Jul 2025 06:40:45 GMT server: Apache strict-transport-security: max-age=31536000; includeSubDomains cache-control: s-maxage=92765, max-age=3, stale-while-revalidate=0, stale-if-error=0 set-cookie: 624934=2628%2C3577%2C3385%2C4848; expires=Tue, 29-Jul-2025 06:42:25 GMT; Max-Age=100; path=/ content-encoding: gzip access-control-allow-credentials: true x-frame-options: DENY x-content-type-options: nosniff vary: Accept-Encoding,Cookie x-cache: Hit from cloudfront via: 1.1 72061b8b5eb2f7797212cde59925f584.cloudfront.net (CloudFront) x-amz-cf-pop: BOM78-P9 x-amz-cf-id: TqNBMQ4Xy8tJ-kaF9lgWFuVXIk3e6GRal3o80oWysf5pO5lpyTG5KQ== age: 21933 How to reset all form values using a button in HTML ? - GeeksforGeeks

Courses
Tutorials
Practice
Jobs

Notifications

Mark all as read

All

View All

Notifications

Mark all as read

All

Unread

Read

You're all caught up!!

HTML Tutorial
HTML Exercises
HTML Tags
HTML Attributes
Global Attributes
Event Attributes
HTML Interview Questions
HTML DOM
DOM Audio/Video
HTML 5
HTML Examples
Color Picker
A to Z Guide
HTML Formatter

Open In App

Explore GfG Courses

Share Your Experiences

Interview Preparation

Interview Preparation For Software Developers Must Coding Questions - Company-wise Must Do Coding Questions - Topic-wise Company-wise Practice Problems Company Preparation Competitive Programming Software Design-Patterns Company-wise Interview Experience Experienced - Interview Experiences Internship - Interview Experiences

Practice @Geeksforgeeks

Problem of the Day Topic-wise Practice Difficulty Level - School Difficulty Level - Basic Difficulty Level - Easy Difficulty Level - Medium Difficulty Level - Hard Leaderboard !!Explore More...

Data Structures

Arrays Linked List Stack Queue Binary Tree Binary Search Tree Heap Hashing Graph Advance Data Structures Matrix String All Data Structures

Algorithms

Analysis of Algorithms Searching Algorithms Sorting Algorithms Pattern Searching Geometric Algorithms Mathematical Algorithms Randomized Algorithms Greedy Algorithms Dynamic Programming Divide & Conquer Backtracking Branch & Bound All Algorithms

Programming Languages

C C++Java Python C#Go Lang SQL PHP Scala Perl Kotlin

Web Technologies

HTML CSS JavaScript Bootstrap Tailwind CSS AngularJS ReactJS jQuery NodeJS PHP Web Design Web Browser File Formats

Computer Science Subjects

Operating Systems DBMS Computer Network Computer Organization & Architecture TOC Compiler Design Digital Elec. & Logic Design Software Engineering Engineering Mathematics

Data Science & ML

Complete Data Science Course Data Science Tutorial Machine Learning Tutorial Deep Learning Tutorial NLP Tutorial Machine Learning Projects Data Analysis Tutorial

Tutorial Library

Python Tutorial Django Tutorial Pandas Tutorial Kivy Tutorial Tkinter Tutorial OpenCV Tutorial Selenium Tutorial

GATE CS

GATE CS Notes Gate Corner Previous Year GATE Papers Last Minute Notes (LMNs)Important Topic For GATE CS GATE Course Previous Year Paper: CS exams

DevOps

Git Tutorial AWS Tutorial Docker Tutorial Kubernetes Tutorial Microsoft Azure Tutorial

QUIZ Section

C Quiz C++ Quiz Java Quiz Python Quiz HTML Quiz CSS Quiz JavaScript Quiz Data Structures Quiz Algorithms Quiz Topic-wise MCQs

School Content

CBSE Board CBSE Notes 2023-24 CBSE Class 8 Notes CBSE Class 9 Notes CBSE Class 10 Notes CBSE Class 11 Notes CBSE Class 12 Notes School Programming English Grammar

Commerce

Commerce Accountancy Business Studies Economics Human Resource Management Management Income Tax Finance

Puzzles

Puzzles Top 100 Puzzles Mathematical Riddles

Full Stack Development Course

How to reset all form values using a button in HTML ?

Last Updated : 23 Jul, 2025

Comments

Improve

Suggest changes

Like Article

Report

To reset all field values in an HTML form, you can use the <input type="reset"> attribute. When the reset button is clicked, the form will be restored to its default state, without any of the values that were previously entered in the fields, checkboxes, or radio buttons. This can be useful in various scenarios. In this article, we will focus on how to clear input fields.

Syntax:

<input type="reset">

Example 1: Rest form using input type reset

HTML

<!DOCTYPE html>
<html>
<body>
    <h1 style="color: green;">
        GeeksforGeeks
    </h1>
    <form>
        <input type="text" placeholder="Email address" 
               id="email" name="email" />
        <br /><br />
        <input type="password" placeholder="Password" 
               id="pin" name="password" maxlength="8" />
        <br /><br />
        <input type="reset" value="Reset" 
               style="background-color: red; color: white" />
        <input type="submit" value="Submit" 
               style="background-color: green; color: white" />
    </form>
</body>
</html>

Output:

Example 2: Rest form using JavaScript

HTML

<!DOCTYPE html>
<html>
<head>
    <title>Form Example</title>
</head>
<body>
    <h1 style="color: green;">
        GeeksforGeeks
    </h1>
    <form id="myForm">
        <input type="text" placeholder="Email address" 
               id="email" name="email" />
        <br /><br />
        <input type="password" placeholder="Password" 
               id="pin" name="password" maxlength="8" />
        <br /><br />
        <button type="button" onclick="resetForm()" 
                style="background-color: red; color: white">
          Reset
          </button>
        <input type="submit" value="Submit" 
               style="background-color: green; color: white" />
    </form>
    <script>
        function resetForm() {
            document.getElementById("myForm").reset();
        }
    </script>
</body>
</html>

Output:

Company Preparation

aksrathod07

Improve

Article Tags :

Web Technologies
HTML
HTML-Attributes
HTML-Questions

4k+ interested Geeks

Artificial Intelligence for Kids - Complete AI Course for Beginners

625 interested Geeks

GATE DA 2028 Online Course [Live Classes]

1k+ interested Geeks

GATE DA 2027 Online Course [Live Classes]

Corporate & Communications Address:

A-143, 7th Floor, Sovereign Corporate Tower, Sector- 136, Noida, Uttar Pradesh (201305)

Registered Address:

K 061, Tower K, Gulshan Vivante Apartment, Sector 137, Noida, Gautam Buddh Nagar, Uttar Pradesh, 201305

Advertise with us

Company
About Us
Legal
Privacy Policy
Careers
In Media
Contact Us
Corporate Solution
Campus Training Program

Explore
Job-A-Thon
Offline Classroom Program
DSA in JAVA/C++
Master System Design
Master CP
Videos

Tutorials
Python
Java
C++
PHP
GoLang
SQL
R Language
Android

DSA
DSA Tutorial
Problem Of The Day
GfG 160
DSA 360
DSA Roadmap
DSA Interview Questions
Competitive Programming

Data Science & ML
Data Science With Python
Machine Learning
ML Maths
Data Visualisation
Pandas
NumPy
NLP
Deep Learning

Web Technologies
HTML
CSS
JavaScript
TypeScript
ReactJS
NextJS
NodeJs
Bootstrap
Tailwind CSS

Python Tutorial
Python Examples
Django Tutorial
Python Projects
Python Tkinter
Web Scraping
OpenCV Tutorial
Python Interview Question

Computer Science
GATE CS Notes
Operating Systems
Computer Network
Database Management System
Software Engineering
Digital Logic Design
Engineering Maths

DevOps
Git
AWS
Docker
Kubernetes
Azure
GCP
DevOps Roadmap

System Design
High Level Design
Low Level Design
UML Diagrams
Interview Guide
Design Patterns
OOAD
System Design Bootcamp
Interview Questions

School Subjects
Mathematics
Physics
Chemistry
Biology
Social Science
English Grammar

Databases
SQL
MYSQL
PostgreSQL
PL/SQL
MongoDB

Preparation Corner
Company-Wise Recruitment Process
Aptitude Preparation
Puzzles
Company-Wise Preparation

More Tutorials
Software Development
Software Testing
Product Management
Project Management
Linux
Excel
All Cheat Sheets

Courses
IBM Certification Courses
DSA and Placements
Web Development
Data Science
Programming Languages
DevOps & Cloud

Programming Languages
C Programming with Data Structures
C++ Programming Course
Java Programming Course
Python Full Course

Clouds/Devops
DevOps Engineering
AWS Solutions Architect Certification
Salesforce Certified Administrator Course

GATE 2026
GATE CS Rank Booster
GATE DA Rank Booster
GATE CS & IT Course - 2026
GATE DA Course 2026
GATE Rank Predictor

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy