htmlフォームをオーバーラップ

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>

出典

2011-10-21 Luis Siquot

のHTMLは無効です。終了TDタグまたはTRタグはありません。 –

は、フォームを無効にするのには適していません。 –

@Daniel：div（または何か）と重複することは、ログイン時にpaypalが行うことです。同じことをしたいのです。 –

私は、このアプローチで間違っては何もないと思いますし、それがdisabled="disabled"と同じ効率を持っています

入力の値は値が
の両方を提出される
両方の方法を変更することができます両方の方法ずっと良く見えるとフィールドが01に集中することができませんでした - disabled="disabled"でオーバーレイを使用します。方法は

提案は、フィールドをクリックして、ユーザーを防ぎますボタン。

質問に戻る - オーバーレイdivのサイズを変更して、<form>の幅と高さをjavascriptを使用せずに取ることはできませんでした。

これは、基本的にフォームを取得し、同じ幅と高さで<div>内部を追加されないものを私jsFiddle solution example with jQueryです。すべてを無効にする<input>、<select>、<textarea>、<button>の要素は

出典

2011-10-21 14:53:07 Teneff

ありがとう、プラグインで！ –

だけdivを削除して、例

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

このような何かを行うには良い： http://jsfiddle.net/GxNLY/

出典

2011-10-21 14:38:16

送信ボタンを無効にしないで入力要素を無効にするのはどうですか？ –

それは良い点@RobWです。私は単にOPのコードに従っていました。 –

私はここに示した例を減らしました。私は完全な形式の上に何かを重複させたいのです –

htmlフォームをオーバーラップ

答えて

関連する問題