1주차 숙제를 위해 부트스트랩에서 Floating labels 의 예시문을 복사해 사용했습니다.

페이지를 전부 작성하고 답안코드와 비교를 해봤는데 type="email" 과 id="floatingInput", placeholder="name@example.com" 부분이 정답에서는 type="text" 와  id="name", placeholder="url" 로 되어 있더라고요.

확실히 이 부분은 이메일을 작성하는 게 아니니만큼 정답처럼 되어있는게 맞다고는 생각하는데, 어디를 어떻게 바꾸면 되는 건지는 어떻게 알 수 있는건가요?

제가 제 마음대로 고쳐쓸 수는 없을테고요.

아래는 해당 부분의 코드입니다.

직접 작성한 코드
<div class="form-floating mb-3">
        <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
        <label for="floatingInput">닉네임</label>
</div>

답안 코드에 적힌 코드
<div class="form-floating mb-3">
        <input type="text" class="form-control" id="name" placeholder="url">
        <label for="floatingInput">닉네임</label>
</div>