入力タイプとは何を意味し、入力を制限する方法
|
入力を制限する一般的な方法 1. ボタンが押されたときに点線のボックスを消すには、入力に属性値hideFocusまたはHideFocus=trueを追加します。 コードをコピー コードは次のとおりです。<input type="submit" value="送信" hidefocus="true" /> 2. テキストボックスの内容のみを読み取るには、入力に属性値readonlyを追加します。 コードをコピー コードは次のとおりです。<input type="text" 読み取り専用 /> 3. 戻った後にTEXTドキュメントがクリアされないようにする（スタイルコンテンツをクラス参照として使用できます） コードをコピー コードは次のとおりです。<input type="text" style="behavior:url(#default#savehistory);" /> 4. ENTERキーを押すとカーソルが次の入力ボックスに移動します。 コードをコピー コードは次のとおりです。<input type="text" onkeydown="if(event.keyCode==13)event.keyCode=9" /> 5. 中国語のみ（点滅） コードをコピー コードは次のとおりです。<input type="text" onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9" /> 6. 数字のみ（点滅） コードをコピー コードは次のとおりです。<input type="text" onkeyup="value=value.replace(/[^\d]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" /> 7. 数字のみ（点滅なし） コードをコピー コードは次のとおりです。<input type="text" style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9" onkeypress="if ((event.keyCode<48 || event.keyCode>57)) event.returnValue=false" /> 8. 英語と数字のみ入力可能（点滅） コードをコピー コードは次のとおりです。<input type="text" onkeyup="value=value.replace(/[\W]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" /> 9. ブロック入力方式 コードをコピー コードは次のとおりです。<input type="text" name="url" style="ime-mode: disabled" onkeydown="if(event.keyCode==13)event.keyCode=9" /> 10. 数字、小数点、マイナス記号（-）のみ入力できます（点滅なし） コードをコピー コードは次のとおりです。<input onkeypress="if (event.keyCode!=46 && event.keyCode!=45 && (event.keyCode<48 || event.keyCode>57)) event.returnValue=false" /> 11. 小数点以下2桁または3桁のみ入力可能（点滅） コードをコピー コードは次のとおりです。<input type="text" maxlength="9" onkeyup="if(value.match(/^\d{3}$/))value=value.replace(value,parseInt(value/10)) ;value=value.replace(/\.\d*\./g,'.')" onkeypress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 && event.keyCode!=45 || value.match(/^\d{3}$/) || /\.\d{3}$/.test(value)) {event.returnValue=false}" /> |
>>: CSSは、他のレイヤーを変更せずに、多層ネスト構造の最外層を回転させる効果を実現します。
推薦する
ウェブページに埋め込まれた Flash と IE、FF、Maxthon の互換性の問題
いろいろ苦労した後、インターネットで検索したり、以前の会社のプロジェクトを探したり、他の人のプロジェ...
CSS floatプロパティの詳細な説明
1. フローティングとは何ですか?フローティングは、その名の通り、浮遊することを意味します。要素がド...
Nginx の起動に失敗した場合のいくつかのエラー処理の詳細な説明
Nginx を Web サーバーとして使用する際に、次の問題が発生しました。 1. nginxの起動...
jsドラッグ効果の原理と実装
ドラッグ機能は主に、ドラッグによる並べ替え、ポップアップ ボックスのドラッグと移動など、ユーザーがカ...
JS の精度外数値問題の解決
精度の問題に対する最もわかりやすい説明たとえば、1÷3=0.33333333...という数字は、3が...
いくつかの一般的な CSS レイアウト (要約)
まとめこの記事では、次の一般的なレイアウトを紹介します。 3 列レイアウトを実装する方法は多数ありま...
JavaScriptタイマーとボタン効果設定の詳細な説明
タイマー効果: <div> <font id='timeCount'...
Dockerとイメージの操作方法
ミラーを探すDocker Hubのウェブサイトからイメージを検索できます。Docker Hubのウェ...
Vue + OpenLayers クイックスタートチュートリアル
Openlayers は、WebGIS クライアント向けのモジュール式で高性能かつ機能豊富な Jav...
5分でDockerを使ってRedisのクラスターモードとセンチネルモードを構築する方法を教えます
目次1. 準備Redisイメージを取得する2. Redis Sentinel マスタースレーブモード...
Vue ベースの Excel 解析とエクスポートの詳細な説明
目次序文基本的な紹介コードの実装基本構造アップロード分析Excel にエクスポート基本構造Excel...
win2008 で mysql8.0.11 を mysql8.0.17 にアップグレードする詳細な手順
アップグレードの背景: MySQLの下位バージョンの脆弱性を解決するために、MySQLはMySQL ...
nginx.pid を開く際の失敗と無効の解決策
目次1. 問題の説明2. 問題分析3. 解決策解決策1: ディレクトリを作成する解決策2: 構成ファ...
MySQL 8.0.22 のインストールと設定のグラフィックチュートリアル
MySQL8.0.22のインストールと設定（超詳細）参考までに、具体的な内容は次のとおりです。みなさ...
MySQL ストアド関数の詳細な紹介
目次1. ストアド関数を作成する2. ストアド関数の呼び出し3. 保存された関数を削除する4. スト...