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


이미지

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

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

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

조언을 구하고 싶습니다.


조회수 110


1 답변


좋아요
1
싫어요
채택취소하기

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

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

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

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

  • 2016년 08월 10일에 작성됨
    웹을 좋아함

로그인이 필요한 기능입니다.

Hashcode는 개발자들을 위한 무료 QnA사이트 입니다. 작성한 답변에 다른 개발자들이 댓글을 작성하거나 좋아요/싫어요를 할 수 있기 때문에 계정을 필요로 합니다.
► 로그인
► 계정만들기
Close