ホームページ >ウェブフロントエンド >H5 チュートリアル >入力テキストボックスの入力実装属性を無効にする

入力テキストボックスの入力実装属性を無効にする

黄舟
黄舟オリジナル
2016-12-12 13:56:484572ブラウズ

今日は、開発でよく使用される非常に便利な HTML タグをいくつかまとめたいと思います。これらのタグに慣れていない人はよく理解できないかもしれません。

readonly、disabled、autocomplete

readonly は、このフィールドの値を指定できないことを意味します。変更され、type= と組み合わせてのみ使用できます。コピー、選択、およびフォーカスを受け取ることができます。

<input type="text" name="www.xxx" readonly="readonly" />

disabled は、入力要素が無効であることを意味します。編集できず、コピーできず、選択できず、フォーカスを受け取ることができず、背景も表示されません。渡された値

<input type="text" name="www.xxx.com" disabled="disabled" />

を受け取った後、CSS を通じて入力メソッドをブロックすることもできます:
最後に、一般的に使用されるタグを紹介します。ブラウザは通常、入力ボックスを記録するため、以下に示すように、入力すると多くのコンテンツがドロップダウンされます。
削除したい場合はautocomplete="off"を追加すると良いです。 使用方法は以下の通りです: autocomplete="off"

<input type="text" autocomplete="off" id="number"/>


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。