IE6 및 IE7에 대한 입력 값 텍스트 줄 바꿈

Question

매우 긴 텍스트를 값으로 포함하는 submit 유형의 입력을 만들려고합니다. 이 텍스트를 입력 너비에 따라 줄 바꿈하고 싶습니다. word-wrap을 추가하면 break-word와 while-space : normal이 정상적으로 작동하지만 IE6 & IE7은 필요하지 않습니다. IE6-7에서 이것을 달성 할 수있는 방법이 있습니까?

<input type="submit" class="button" style="word-wrap:break-word;white-space: normal;" name="custom_btn" value="{% trans "Lorem Ipsum is simply dummy text of the printing"%}" onclick=""/> 

내가 백엔드

Answer 1

에 대한 장고를 사용하고 있습니다 * 당신은 버튼 태그를 사용할 수 있어야합니다. 그것은 표준 엘멘처럼 더 기능하기 때문에 다중 라인 버튼을 허용합니다. ie (6,7)에서는 태그 사이에 데이터를 전송하기 때문에 라이트 자바 스크립트를 사용합니다.

<button type="button" onClick="document.myForm.submit()"> 
First Line<br /> 
Second Line<br /> 
Third Line<br /> 
</button> 

이제는 버튼 요소를 많이 사용하지 않았지만 거기에는 javascript가 잘 작동해야합니다.

Answer 2

일반적으로 <button type="submit"></button>은 값이있는 <input type="submit" />과 달리 (실제로 단추가 클릭 된 경우 서버 측을 확인할 수 있음) 포함 된 양식을 제출하지만 값 자체를 전달하지 않습니다.

조치에 대해 확인할 필요가없는 경우 저스틴 제안과 같은 버튼 유형 제출을 사용할 수 있으며 일반적으로 휴식 또는 추가 CSS를 설정하지 않아도됩니다. DOM 요소 (<button></button>)와 내용 사이에 분리가 있기 때문에 지정된 너비가있는 단추 내의 텍스트가 올바르게 줄 바꿈되는 반면 입력에서는 표시된 텍스트가 DOM 요소 자체의 특성으로 설정됩니다.