html form태그 내부에서 form과는 무관한 button을 구현해야하는 상황에 직면했습니다.

조회수 1235회

이미지

위의 사진과 같은 기능을 구현하고 싶습니다.

  1. 포스트를 등록하려고 한다 (제목, 등록된 아이템, 컨텐츠)
  2. 아이템입력 창에 아이템 3이라고 적은 후 우측의 추가버튼을 클릭하면 목록에 추가된다.
    • (이 버튼은 model에 데이터를 추가하는 작업을 하지 않는다.)
  3. 제목 입력창과 컨텐츠 입력창에 내용을 타이핑한다.
  4. 포스트 등록 버튼을 누르면 제목, 리스트로 등록된 아이템들, 컨텐츠가 post형식으로 전송된다.
    • (이 버튼은 model에 데이터를 추가하는 작업을 하게된다.)

2번 기능을 구현하려고 하는데 어떻게 구현해야하는지 방법을 잘 모르겠습니다.

조언을 구하고 싶습니다.

1 답변

  • 좋아요

    1

    싫어요
    채택 취소하기

    button을 사용해도 type이 submit만 아니면 됩니다

    그냥 button /button ( 마크업이 바로 되어버려서 < > 를 생략했습니다) 이렇게 두어도 버튼은 만들어 집니다

    이제 [추가] 를 클릭하면 목록에 추가하는 함수를 만들어서 button onclick=함수() 이렇게 호출해도 상관없습니다

    a href도 사실 border 스타일만 주면 button이랑 비슷하게 보이니 그런방법도 있습니다

    • (•́ ✖ •̀)
      알 수 없는 사용자

답변을 하려면 로그인이 필요합니다.

프로그래머스 커뮤니티는 개발자들을 위한 Q&A 서비스입니다. 로그인해야 답변을 작성하실 수 있습니다.

(ಠ_ಠ)
(ಠ‿ಠ)