html form 및 javascript 에 대한 질문입니다

1.
원래 로긴해야 하는 페이지인데
하루에도 수십가지의 id 와 password 로 로긴을 해야해서
각 아이디를 클릭해서 로긴하려고
그 form 만 을 통째로 뗘 와서 html 파일을 만들었습니다

그 login form 의 submit 을 담당하는 input 이 type='image' 입니다
이 image 버튼을 그대로 쓰면 로긴이 잘 되는데
저는 텍스트를 클릭해서 로긴을 하고 싶습니다

그래서 텍스트에 a 태그나 div 태그 등을 써서
onClick 으로 함수를 호출하면 action 페이지는 열리지만 로긴은 되지 않습니다

이걸 되게 하려고 이런 저런 변형을 하던 중
그 image 버튼의 name 을 변경하거나 지워버리면
로긴이 되지 않는 걸 발견했습니다

input 의 name 만 있고 value 도 없는 image submit button 에서
name 이 form 전송에 관여하는 뭔가가 있나요?

그리고

이 input 의 type='image' name='blahblah~' 만 유지하면
작성한 onClick javascript 가 잘 작동해서 로긴이 되는데
( 이 때는 작성한 스크립트에서 form.submit() 을 주석처리하고 )
a 태그나 div 태그로 onClick 으로 같은 함수를 호출하면
( 이 때는 마지막에 form.submit() 을 해주고)
해당 페이지만 열리고 로긴은 안 됩니다

제가 뭔가를 잘 못 알고 있거나 간과하고 있는 것 같은데
그게 대체 뭘까요?
어떻게 해야 제가 하고 싶은대로
텍스트를 클릭하면서 로긴할 수 있을까요?

추가----------------------
해당 form 에서 한 input 이 value 가 6000byte 가 넘어서
링크 주소에 query 를 넣는다던가 그런 방법이 불가능 해서 form 을 뗘 온것입니다
(게다가 그 query 는 value 가 매일 바뀌어서 그걸 긁어오는 함수까지 넣었고 모두 잘 동작합니다)