2011-10-21 4 views
0

TD 셀 위쪽에 div를 표시하여 양식을 비활성화하고 싶지만 적절한 너비와 높이를 설정하는 방법을 찾을 수 없습니다. 내 시도는 width:100%; height:100%;이지만 TD 표면보다 겹칩니다.html 양식이 중복되어 있습니다.

<table><tr><td>the data:<td> 
    <div style="position:absolute;background-color:#cccccc;opacity:0.70;">not alowed</div> 
    <form method="post" action="aaaa.htm"> 
    <input type=text><br> 
    <input type="submit"> 
    </form> 
</table> 
+0

HTML이 유효하지 않습니다. 닫는 TD 또는 TR 태그가 없습니다. –

+1

은 양식을 사용 중지하는 좋은 방법은 아닙니다. –

+0

@Daniel : div (또는 무언가)와 겹치는 것은 로그인 할 때 paypal이하는 것과 동일합니다. –

답변

2

나는이 방법 아무 문제가 없다고 생각하고, 그것은 disabled="disabled"와 같은 효율 :

  • 입력 '값은 값이
  • 모두 제출됩니다
  • 두 가지를 변경할 수 있습니다 두 가지 방법은 필드

제안를 클릭하여 사용자를 방지 : disabled="disabled"로 오버레이를 사용 - 더 나은 외모와 필드는 01으로 초점을 맞출 수 없습니다버튼.

다시 질문 - 오버레이 div는 자바 스크립트를 사용하지 않고 <form> 님의 너비와 높이를 가져갈 수 있도록 크기를 조정할 수 없습니다.

이것은 내 jsFiddle solution example with jQuery 무엇 기본적 양식을 받고 같은 폭과 높이 내부 <div>를 추가한다 않습니다. 모든 양식이 <input>, <select>, <textarea><button> 인 양식을 사용하지 않습니다.

+0

감사합니다. pluggin 방식으로 !!!! –

0

더 나은 단지 div를 제거하고이

<input type=text disabled="disabled" value="Not Allowed">

예처럼 뭔가를 할 수 : http://jsfiddle.net/GxNLY/

+0

제출 버튼을 비활성화하지 않고 입력 요소를 사용 중지하는 것은 무엇입니까? –

+0

좋은 점은 @RobW입니다. 나는 OP의 코드를 따르기 만했다. –

+0

여기에 표시된 예제를 줄였습니다. 전체 양식 위에 무언가를 겹쳐 넣는 것을 선호합니다. –

관련 문제