テキストエリア テキストエリアの幅と高さ 幅と高さの自動適応実装コード
|
コードをコピー コードは次のとおりです。<HTML> <ヘッド> <TITLE>テキストエリアの幅と高さの自動適応処理方法</TITLE> <!-- コントロール幅の自動調整 --> <スタイル タイプ="text/css"> .コメント{ width:100%;/*親レイアウトの幅に自動的に適応します*/ オーバーフロー:自動; 単語区切り:すべて区切り; /*IEでの改行問題を解決（自動的に1行で表示されるのを防ぐ、主にIEの互換性問題を解決するため。IE8では幅を100%にするとテキストフィールドの容量が1行を超えると、 テキスト コンテンツをダブルクリックすると、自動的に 1 行に変更されるため、改行を制御するには IE 独自の改行プロパティ「word-break または word-wrap」のみを使用できます)*/ } </スタイル> </HEAD> <本文> <FORM METHOD=POST ACTION= " "> <!-- 主に高さの自動調整を制御します --> <!-- 最初のものは通常のテキストエリアです --> <textarea class="comments" 行数="10" 列数="10"> </textarea> <!-- 次の 2 つの方法は、textarea の行の高さがクラス コンテンツの高さに自動的に適応するという問題を解決できます --> <textarea class="comments" rows=1 name=s1 cols=27 onpropertychange= "this.style.posHeight=this.scrollHeight "></textarea> <textarea class="comments" style="height:expression((this.scrollHeight>150)?'150px':(this.scrollHeight+5)+'px');overflow:auto;"></textarea> </フォーム> </本文> </HTML> |
>>: jQueryは要素を追加した後に元のイベントが実行されない問題を解決します
推薦する
Vue の NetEase Cloud Music Player インターフェースを模倣したシンプルな実装プロセス
仕事のプロジェクトのニーズにより、曲の再生が必要となり、さまざまな資料を参考にして、NetEase ...
Vueでデータを読み取るためにこれを悪用しないでください
目次序文1. これを使用してデータ内のデータを読み取るプロセス2. Dep.target はいつ存在...
ドロップダウンメニューを実現するためのHTML+CSS
1. ドロップダウンリストの例コードは次のとおりです。 <!doctypehtml> ...
MySQL でローカル ユーザーを作成し、データベース権限を付与する方法の例
序文MySQL をインストールすると、通常はスーパーユーザー root を作成します。多くの人がこの...
タブ効果を実現する js 開発プラグイン
この記事の例では、タブ効果を実現するためのjsプラグインの具体的なコードを参考までに共有しています。...
MySQLトランザクションとMySQLログの詳細な説明
取引特性1. アトミック性: トランザクションの開始後、すべての操作が完了するか、まったく実行されな...
フォーム要素属性の読み取り専用と無効の使用の比較
1) 適用範囲：読み取り専用:input[type="text"],input[...
MySQL は information_schema オブジェクトの付与をバイパスし、ERROR 1044 (4200) エラーを報告します
この質問は、MySQL の権限に関する WeChat グループのネットユーザー間の議論です。次のよう...
Gitlab実践チュートリアルでは、関連する設定操作にgit configを使用します。
この記事では、実際に発生した問題をもとに、git の設定に関する内容を紹介します。コマンド: git...
MySQL MGR 構築時の一般的な問題と解決策
目次01 よくある故障 1 02 よくある欠陥 2 03 よくある欠陥 3 04 よくある欠陥 4 ...
Mysql の主キーと一意キーの違いのまとめ
主キーとは何ですか?主キーは、テーブル内の各タプル (行) を一意に識別するテーブル内の列です。主キ...
この構成ファイルの排他ロックに失敗したという VMware 仮想マシンのプロンプトの解決方法
VMware が異常シャットダウンした後、再起動すると「この構成ファイルを排他的にロックできませんで...
VmWareでcentos7をインストールするときにインターネットにアクセスできない問題の解決策
Centos7 のインストール時に VmWare がインターネットにアクセスできない場合はどうすれば...
1 つ以上のフィールドに基づいて重複データを検索する MySQL SQL ステートメント
SQLはテーブル内の重複レコードをすべて見つけます1. テーブルには id と name の 2 つ...
MySQLとOracleのメタデータ抽出例分析
目次序文メタデータとは参照文書アドレスまずはMySQLについてお話しましょうOracleについて話し...