外部のウェブサイトフォームにテキストフィールドを隠す

Question

ウェブサイトのフォーム上にテキストフィールドを非表示にすることはできますか？テキストフィールドは現在非表示ではありません。外部のスタイルシートをオーバーレイすることによって、テキストフィールドを非表示にすることができると聞きました。

編集：ウェブサイトは私のものではなく、ソースなどを管理することはできません。コードに触れることなくこれを行う必要があります。私たちがこれを行う必要がある理由は、入力されたものを見ることができるコンピュータの前に座っている人なしで、セッション変数（DTMFトーンとIVRによって得られた）からこのフィールドにクレジットカード番号を送ることです。

私は誰でも私たちのために働いている私たちのPCを介してアクセスする人々からそれを非表示にしたくありません。

これは可能ですか？

おかげで、

Answer 1

はい。次のCSSクラスを追加します。

display:none; 

Answer 2

はい、あなたは

CSSのApproch

使用CSS display:none;

または使用のJavaScript

 var child = document.getElementById(childDiv); 
     var parent = document.getElementById(parentDiv); 
     parent.removeChild(child); 

Answer 3

は、あなたがに許可されている内容に応じてすることができますこれらのマシンがそのマシンでのみ使用されているかどうかそれはあなたが望むサイトを持っているiframeのページを作成し、必要なものをオーバーレイすることができます。ページがスクロール可能である場合、それは難しいかもしれない、またはユーザーがテキストなどの大きさを変えることができ

（原因はコンテンツにリフロー）

<iframe src="http://url.to.actual.page"></iframe> 
<div class="distractor">Position me on top of the iframe to hide some content</div> 

と

iframe{ 
    width:600px; /* as needed */ 
    height:300px; 
    overflow:hidden; 
    z-index:1; 
    position:relative; 
} 

.distractor{ 
    position:absolute; 
    background-color:red; /* color it as the background of the page */ 

    top:80px; /* position it where you need it */ 
    left:100px; 

    width:100px; /* size it as you need it */ 
    height:100px; 

    z-index:1000; 
} 

デモでhttp://jsfiddle.net/gaby/GemC2/1/

偉大な解決策ではありませんが、あなたにいくつかのアイデアを与えるかもしれません..

---

プラグインをブラウザに使用することが許可されている場合、もう1つの解決方法はGreasemonkeyと設定し、必要な入力を隠すカスタムスクリプトをインストールすることです。

またはStylishカスタムCSSスタイルを設定してページのスタイルを上書きします。