<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="config.css"/>
</head>
<body>
<form id="configForm">
    <div class="outer-wrapper">
        <div class="new-note">
            <input type="email" name="email" id="email" placeholder="Enter your email">
        </div>
        <div class="btn-container">
            <button id="saveBtn">Save</button>
        </div>
    </div>
</form>
<script src="config.js"></script>
</body>

</html>

<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="config.css"/>
</head>
<body>
<form id="configForm">
    <div class="outer-wrapper">
        <div class="new-note">
            <input type="email" name="email" id="email" placeholder="Enter your email" disabled="by Default Disabled">
        </div>
        <div class="btn-container">
            <button id="saveBtn">Save</button>
        </div>
    </div>
</form>
<script src="config.js"></script>
</body>

</html>

Enable save only on edit
Enable save only on edit
