ホームページ > ウェブフロントエンド > htmlチュートリアル > テキストボックスの内容を変更できないようにHTMLで実装する方法

テキストボックスの内容を変更できないようにHTMLで実装する方法

小云云
リリース: 2017-12-01 11:12:32
オリジナル
3434 人が閲覧しました

この記事では、テキストボックスを読み取り専用にして内容を変更できないようにするHTMLメソッドという基礎知識を皆さんに共有します。

<!--方法1: onfocus=this.blur()  当鼠标放不上就离开焦点 -->
<input type="text" name="input1" value="中国" onfocus=this.blur()> 
<!-- 方法2:readonly  文字不会变色,也是不可编辑的-->
<input type="text" name="input1" value="中国" readonly> 
<input type="text" name="input1" value="中国" readonly="true"> 
<!-- 方法3: disabled   此时文字会变成灰色,不可编辑。 -->
<input type="text" name="input1" value="中国" disabled="true">
ログイン後にコピー

上記の内容はテキストボックスを読み取り専用にするためのHTMLメソッドであり、内容を変更することはできませんが、非常に実用的な方法です。

関連する推奨事項:

jQueryはテキストボックスのデフォルト値を設定および削除する機能を実装します

HTMLで入力テキストボックスを編集不可能にする方法

同時実行の実装方法の簡単な説明2つのテキストボックスの入力

以上がテキストボックスの内容を変更できないようにHTMLで実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート