ホームページ  >  記事  >  ウェブフロントエンド  >  フォーム要素のテキスト入力ボックスを編集不可能な JavaScript スキルに設定するためのいくつかの方法のまとめ

フォーム要素のテキスト入力ボックスを編集不可能な JavaScript スキルに設定するためのいくつかの方法のまとめ

WBOY
WBOYオリジナル
2016-05-16 17:12:341152ブラウズ

コード:

コードをコピー コードは次のとおりです:

<入力タイプ="text " value="fisker" onclick="alert(this.value);" onfocus="this.blur()" />
入力ボックスはフォーカスを取得できず、編集できません。
フォームは値を取得できます。 コピー可能です。

非常に奇妙です。選択したのに、まだ集中できていませんか?


2,読み取り専用

コード:

入力ボックスは読み取り専用です。編集できません

同じフォームで値を取得できます。

コピーも可能です。


3、無効

コード:


コードをコピー

コードは次のとおりです:<入力タイプ="text " value="fisker" onclick="alert(this.value);" 無効 />
入力ボックスは灰色で編集できません
JS を使用すると、値を変更または取得しますが、送信される場合、この値は送信されません。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。