ホームページ  >  記事  >  ウェブフロントエンド  >  HTML内のテキストを禁止する方法

HTML内のテキストを禁止する方法

藏色散人
藏色散人オリジナル
2021-05-24 10:21:581587ブラウズ

HTML でテキストを禁止する方法: 1. HTML で readonly を使用してテキスト入力を禁止します; 2. HTML で disabled を使用してテキスト入力を禁止します。

HTML内のテキストを禁止する方法

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。

テキスト入力を禁止するHTML

テキストボックスでテキスト入力を禁止するには、readonlyを使用する方法とdisabledを使用する方法の2つがあります。

したがって、両方の目的は達成できますが、パフォーマンスの観点からは、無効にした方が直感的に見えます。

スクリーンショットをご覧ください:

HTML内のテキストを禁止する方法

図に示すように:

1 は読み取り専用、2 は無効になっています。明らかに変更されています。 disabled の場合 テキスト ボックスがグレーになります。まとめると、テキスト ボックスを入力できなくするには、disabled を使用することをお勧めします。

ただし、入力できない時間枠の場合は、読み取り専用を使用することをお勧めします。

対応するコードは次のとおりです:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title></title>
    <script type="text/javascript" src="../js/lib/jquery-1.8.0.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#readonly").prop("readonly", true);
            $("#disable").prop("disabled", true);
        })
    </script>
</head>
<body>
<input id="readonly" type="text">
<input id="disable" type="text">
</body>
</html>

推奨チュートリアル: html ビデオ チュートリアルcss ビデオ チュートリアル

以上がHTML内のテキストを禁止する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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