ホームページ > 記事 > ウェブフロントエンド > よく使用される入力テキスト ボックスの内容は自動的に垂直方向の中央に配置され、クリックするとデフォルトのプロンプト テキストは空になります。
今回は、よく使う入力テキストボックスの内容が自動的に縦方向中央に配置され、クリックするとデフォルトのプロンプトテキストが空になる場合の注意点をいくつかお届けします。 よく使う入力テキストボックスの内容についての注意点は何ですか。クリックすると自動的に垂直方向の中央に配置され、デフォルトのプロンプトテキストが空になります。以下は実際のケースです。見てみましょう。
この効果には 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 == '请输入企业名称') this.value = ''; this.style.color='gray';" onblur="if(this.value == '') {this.value = '请输入企业名称'; this.style.color = 'gray';}">これらの事例を読んだ後、あなたは方法を習得したと思います。 , もっと見る php中国語ウェブサイトの他の関連記事にも注目してください! 関連記事:
HTMLのインライン要素とブロックレベル要素の違いは何ですか?
ファイルタイプ入力をクリックせずにトリガーメソッドを使用してファイル選択ダイアログボックスをポップアップ表示する方法
テキスト コメントをマークするための HTML シンボルの内容
以上がよく使用される入力テキスト ボックスの内容は自動的に垂直方向の中央に配置され、クリックするとデフォルトのプロンプト テキストは空になります。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。