양식 필드의 값을 얻을 수 없습니다.

자바 스크립트를 배우고 함수를 호출 할 때 손을 써 보았습니다. 예 here을 바탕으로, 나는 내 테스트 HTML에서 논리를 사용하려 : 그러나 "내 버튼"버튼을 클릭에, 나는 HTML이 올바르게 렌더링 발견양식 필드의 값을 얻을 수 없습니다.

<html> 
    <head> 
     <script> 
      function ShowForm() 
      { 
      var field_value = document.forms["test_form"]["my_name"].value; 
      document.write(field_value); 
      } 
     </script> 
    </head> 
    <body> 
     <form action="" name="test_form" onsubmit="return ShowForm();" method="post"> 
      <input type="text" name="my_name" placeholder="Type your name"/> 
      <button type="submit">My button</button> 
     </form> 
    </body> 
</html>

페이지는 단순히 추가를 표시하지 않고 다시로드 html 나는 예상했다.

주요 차이점은 클릭/제출 작업에 <button>을 사용하려고한다는 것입니다. <button>을 사용하고 자바 스크립트를 활성화 할 수 있습니까? 또는 버튼으로 <input>의 스타일을 지정해야합니까?

내가 뭘 잘못하고 있니?

출처

2014-05-11 Dirty Penguin

'action = ""'다음에 ","이 있습니다. 나머지 속성은 읽을 수 없다고 생각합니다. – Mene