フォームの入力テキストボックスを編集不可に設定する方法

フォーム入力テキスト ボックスを編集不可に設定する方法: まず、対応するコード ファイルを作成してから、フォーム フィールドを「onfocus=this.blur()、readonly、disabled」に設定します。 -編集可能な機能。

この記事の内容は、入力テキスト ボックスを例として、フォームを編集不可に設定し、誰でも編集できないように設定する方法を紹介することです。すべてのフォーム フィールド (テキスト ボックス、ラベル、チェック ボックス、テキスト エリア) の編集不可能なメソッドを実装する方法を理解し、読み取り専用属性と無効な属性の違いを理解します。困っている友人は参考にしていただければ幸いです。

フォームフィールドを編集不可モードで表示する必要がある場合がありますが、これを実現するにはどうすればよいでしょうか?フォームフィールド（入力テキストボックス、ラベル、チェックボックス、テキストエリア）に以下のメソッドを設定することで、フォームの編集不可機能を実現できます。 [推奨される関連ビデオ チュートリアル: html チュートリアル ]

効果を確認するために、入力テキスト ボックスを例に挙げてみましょう:

1, onfocus=this。 Blur( )

<input type="text" name="input1" value="php中文网" onfocus=this.blur()>

フォーム入力テキスト ボックスをクリックすることも、内部のテキストを編集することもできないことがわかります。

2. readonly 属性

<input type="text" name="input1" value="php中文网" readonly> 

<input type="text" name="input1" value="php中文网" readonly="true">

フォーム入力テキスト ボックスをクリックできないことがわかります。編集されます。

3. 無効な属性

<input type="text" name="input1" value="php中文网" disabled>

注:

これはできません。フォームフィールドまたは要素に読み取り専用属性を設定します。 、、 要素には readonly 属性はありませんが、編集不可能な機能を実現するために設定できる disabled 属性があります。

見てみましょうreadonly 属性とdisabled 属性の違いは何ですか?

readonly 属性とdisabled 属性はどちらもフォーム フィールド (テキスト ボックス、ラベル、チェック ボックス、テキスト領域) の編集不可能な属性です。

## それらの違いを見てみましょう。

#無効な属性----無効な属性

1. 無効になったフォームフィールドまたは要素の値は、処理のためにサーバーに公開されません。

2. 無効化されたフォームフィールドまたは要素はフォーカスを受け取りません。

3. 無効になっているフォーム フィールドまたは要素は、タブ ナビゲーション中にスキップされます。

4. 一部のブラウザ (IE など) では、無効になっているフォーム フィールドまたは要素に対してデフォルトのスタイル (グレーまたはエンボス テキスト) が提供されます。

readonly 属性----読み取り専用属性

1. フィールドまたは要素の値は、処理のために読み取り専用形式でサーバーに公開されます。

2. 読み取り専用のフォーム フィールドまたは要素はフォーカスを取得できます。

3. タブ ナビゲーション中に読み取り専用のフォーム フィールドまたは要素が含まれる。

4. 一部のブラウザでは、読み取り専用のフォーム フィールドまたは要素のデフォルト スタイルが提供されません。

要約: 以上がこの記事の全内容です。皆さんの学習に役立つことを願っています。

以上がフォームの入力テキストボックスを編集不可に設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。