ホームページ ウェブフロントエンド htmlチュートリアル content_HTML/Xhtml_Webページ制作に合わせて入力テキストボックスの長さを変更する方法

content_HTML/Xhtml_Webページ制作に合わせて入力テキストボックスの長さを変更する方法

May 16, 2016 pm 04:38 PM
input テキストボックス

最初:

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

<入力タイプ=" テキスト" onkeydown="this.onkeyup();" onkeyup="this.size=(this.value.length>4?this.value.length:4);" size="4">
size="4" は初期サイズを定義するためのもので、ここで定義されていない場合は、this.size=(this.value.length>4?this.value.length:) の 4 を変更します。 4); <input type="text"> のデフォルトのサイズは 20 です。

Second:
スタイルで width 属性を定義する場合は、その幅を変更します。 content 、2 つの要件は矛盾していませんか? したがって、ここで width 属性をスタイルで定義することはできません。
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

OneNote で画像を背景として設定する方法 OneNote で画像を背景として設定する方法 May 14, 2023 am 11:16 AM

OneNote で画像を背景として設定する方法

パワーポイントでクリックするまでテキストを非表示にする方法 パワーポイントでクリックするまでテキストを非表示にする方法 Apr 14, 2023 pm 04:40 PM

パワーポイントでクリックするまでテキストを非表示にする方法

Wordでカレンダーを作る方法 Wordでカレンダーを作る方法 Apr 25, 2023 pm 02:34 PM

Wordでカレンダーを作る方法

Laravelの入力隠しフィールドを実装する方法 Laravelの入力隠しフィールドを実装する方法 Dec 12, 2022 am 10:07 AM

Laravelの入力隠しフィールドを実装する方法

vue3 で入力コンポーネントと統合フォームデータをカプセル化する方法 vue3 で入力コンポーネントと統合フォームデータをカプセル化する方法 May 12, 2023 pm 03:58 PM

vue3 で入力コンポーネントと統合フォームデータをカプセル化する方法

HTMLテキストボックスにはどのような種類があるのでしょうか? HTMLテキストボックスにはどのような種類があるのでしょうか? Oct 12, 2023 pm 05:38 PM

HTMLテキストボックスにはどのような種類があるのでしょうか?

Vue ドキュメントの入力ボックス バインディング イベントの詳細な説明 Vue ドキュメントの入力ボックス バインディング イベントの詳細な説明 Jun 21, 2023 am 08:12 AM

Vue ドキュメントの入力ボックス バインディング イベントの詳細な説明

入力ボックスをクリックしたときにカーソルが表示されない場合の対処方法 入力ボックスをクリックしたときにカーソルが表示されない場合の対処方法 Nov 24, 2023 am 09:44 AM

入力ボックスをクリックしたときにカーソルが表示されない場合の対処方法

See all articles