ホームページ  >  記事  >  ウェブフロントエンド  >  よく使用される入力テキスト ボックスの内容は自動的に垂直方向の中央に配置され、クリックするとデフォルトのプロンプト テキストは空になります。

よく使用される入力テキスト ボックスの内容は自動的に垂直方向の中央に配置され、クリックするとデフォルトのプロンプト テキストは空になります。

php中世界最好的语言
php中世界最好的语言オリジナル
2018-02-12 10:02:572888ブラウズ

今回は、よく使う入力テキストボックスの内容が自動的に縦方向中央に配置され、クリックするとデフォルトのプロンプトテキストが空になる場合の注意点をいくつかお届けします。 よく使う入力テキストボックスの内容についての注意点は何ですか。クリックすると自動的に垂直方向の中央に配置され、デフォルトのプロンプトテキストが空になります。以下は実際のケースです。見てみましょう。

この効果には 3 つの機能があります:

1. コンテンツは自動的に垂直方向に中央に配置されます
2. デフォルトのプロンプト テキストは灰色になります

<input type="text" name="wd1" id="qy_1" maxlength="100" style="color:gray;width:199px;height:30px;line-height:30px;" autocomplete="off" value="请输入企业名称" style="color:gray;" onfocus="javascript:if(this.value == &#39;请输入企业名称&#39;) this.value = &#39;&#39;; this.style.color=&#39;gray&#39;;" onblur="if(this.value == &#39;&#39;) {this.value = &#39;请输入企业名称&#39;; this.style.color = &#39;gray&#39;;}">

これらの事例を読んだ後、あなたは方法を習得したと思います。 , もっと見る php中国語ウェブサイトの他の関連記事にも注目してください!

関連記事:

HTMLのインライン要素とブロックレベル要素の違いは何ですか?

ファイルタイプ入力をクリックせずにトリガーメソッドを使用してファイル選択ダイアログボックスをポップアップ表示する方法

テキスト コメントをマークするための HTML シンボルの内容

以上がよく使用される入力テキスト ボックスの内容は自動的に垂直方向の中央に配置され、クリックするとデフォルトのプロンプト テキストは空になります。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。