4

ここに示すように: http://msdn.microsoft.com/library/windows/apps/Hh465498

Mozilla と Webkit には同等のオプションがありますか? テキスト入力のクリア ボタンは、タッチ スクリーン アプリに適しています。JavaScript による回避策は望んでおらず、簡単な CSS の修正が非常に役立ちます。

JavaScript でこれが可能であることは既に知っていますが、IE 10 にはクリア ボタンを表示するための組み込みのソリューションがあり、他のブラウザに同様のオプションがあるかどうか疑問に思っています。

4

4 に答える 4

10
于 2012-08-17T10:16:29.463 に答える
-1

YU NO Javascriptは好きですか？jQuery を使用すると、このプロセスがどれほど簡単になるか見てください。

マークアップ

<form>
    <input type="text">
    <button>X</button>
</form>

jQuery

$("form").on("click", "button", function() {
    $("input").val("");
    return false;
});​​​​​

http://jsfiddle.net/QyE92/

CSS を使用すると、ボタンのスタイルを設定して適切に配置し、metro インターフェイスの "x" をほぼ正確に模倣できます。

于 2012-08-20T12:07:32.287 に答える
-1

cssを使用して実際にこれを行うことはできません..

ただし、jQuery を使用することはできますが、それは簡単です。あなたがしなければならないのはこれだけです...

HTML コード:

<form id="myform" method="post">
<input type.... />
<input type.... />
<input type.... />
<input type="button" id="clear" name="clear" />
</form>

jQuery コード:

$("#clear").click(function(){
     $("#myform").reset();
});

そして、これは機能します..しかし、フォームタグが必要です.

于 2012-08-17T10:49:15.273 に答える