ホームページ > 記事 > ウェブフロントエンド > HTMLで読み取り専用ステータスを設定する方法
HTMLで読み取り専用ステータスを設定する方法
- 青灯夜游オリジナル
- 2021-06-03 16:46:349039ブラウズ
HTML では、タグに readonly 属性を追加することで読み取り専用ステータスを設定できます。 readonly 属性は、入力フィールドまたはテキスト領域が読み取り専用状態であることを指定するブール型属性です。読み取り専用状態では、コンテンツは変更できませんが、ユーザーはタブ キーとキーを使用してコントロールに切り替えることができます。コンテンツを選択またはコピーします。
このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
html読み取り専用ステータスを設定
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
input,textarea{
width: 200px;
}
</style>
</head>
<body>
<input type="text" value="测试文本-只读状态，无法编辑" readonly="readonly"/>
<br />
<textarea readonly>测试文本-只读状态，无法编辑</textarea>
</body>
</html>レンダリング:
説明:
読み取り専用プロパティはブール型プロパティです。
readonly 属性は、入力フィールドまたはテキスト領域が読み取り専用であることを指定します。
読み取り専用の入力フィールドまたはテキスト領域では、コンテンツを変更できませんが、ユーザーはタブ キーを使用してコントロールに切り替え、コンテンツを選択またはコピーできます。
readonly 属性を設定すると、特定の条件が満たされるまで (チェック ボックスの選択など)、ユーザーによるテキスト領域の使用を再開できます。その後、JavaScript を使用して readonly 属性の値を削除し、テキスト領域を編集可能にすることができます。
推奨チュートリアル: 「html ビデオ チュートリアル 」
以上がHTMLで読み取り専用ステータスを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。