HTML では、テキスト ボックス要素 (input または textarea) に readonly 属性を設定することで読み取り専用機能を実現できます。構文は "" または "
このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。
HTML には、2 種類のテキスト ボックス要素があります:
input
textarea
テキスト ボックスを読み取り専用にしたい場合は、テキスト ボックス要素に readonly 属性を設定するだけです。
読み取り専用プロパティはブール型プロパティです。
readonly 属性は、テキスト領域が読み取り専用であることを指定します。
読み取り専用テキスト領域では、コンテンツを変更できませんが、ユーザーはタブ キーを使用してコントロールに切り替え、コンテンツを選択またはコピーできます。
readonly 属性を設定すると、特定の条件が満たされるまで (チェック ボックスの選択など)、ユーザーによるテキスト領域の使用を再開できます。その後、JavaScript を使用して readonly 属性の値を削除し、テキスト領域を編集可能にすることができます。
#例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<input type="text" value="测试文本"/><br>
<input type="text" value="测试文本" readonly="readonly"/>
<hr>
<textarea>测试文本</textarea><br>
<textarea readonly>测试文本</textarea>
</body>
</html>
##推奨チュートリアル: 「
以上がHTMLテキストボックスを読み取り専用に設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
