HTML5 の日付入力要素からデフォルトのテキストを削除する方法

HTML5 日付入力要素からデフォルトのテキストを削除する

タイプが「日付」の HTML 入力要素を利用すると、プレースホルダー テキストが生成されますデフォルトでは「mm/dd/yyyy」の形式になります。このテキストを削除するには、次の解決策が提供されています:

解決策:

質問で提供されている CSS コードを使用する代わりに、選択した日付値も非表示にします。次の CSS セレクターを使用できます:

::-webkit-datetime-edit-year-field:not([aria-valuenow]),
::-webkit-datetime-edit-month-field:not([aria-valuenow]),
::-webkit-datetime-edit-day-field:not([aria-valuenow]) {
    color: transparent;
}

説明:

この CSS セレクターは、aria が実行されるときに個々の日付フィールド (年、月、日) をターゲットにします。 -valuenow 属性は設定されていません。これは、プレースホルダー テキストの状態に対応します。色を「透明」に設定すると、選択した日付値の表示に影響を与えることなく、デフォルトのテキストが非表示になります。

以上がHTML5 の日付入力要素からデフォルトのテキストを削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。