<form action="submit_url">
    <label for="user-name">이름</label>
    <input type="text" id="user-name" name="user-name">
    <button type="reset">초기화</button>
</form>
브라우저에서 실제 표시된 모습 실제로 테스트 해보세요!
<form action="submit_url">
    <label for="user-name">이름</label>
    <input type="text" id="user-name" name="user-name" value="홍길동">
    <button type="reset">초기화</button>
</form>
브라우저에서 실제 표시된 모습 실제로 테스트 해보세요!
<button type="reset" disabled>비활성화된 버튼</button>
브라우저에서 실제 표시된 모습
<style>
    button {
        color: inherit;
        text-decoration: none;
        padding: 0.5em 1em;
        background-color: #fff;
        border: 1px solid #777;
        border-radius: 0.5em;
        display: inline-flex;
        align-items: center;
    }

    /* 닫는 태그가 없는 빈 요소인 input은
       ::before나 ::after를 사용할 수 없습니다. */
    button::before {
        content: "";
        display: inline-flex;
        width: 0.5em;
        height: 0.5em;
        border-left: 1px solid black;
        border-bottom: 1px solid black;
        transform: rotateZ(45deg);
        margin-right: 0.2em;
    }
</style>
<button type="reset">되돌리기</button>
브라우저에서 실제 표시된 모습