Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

SafariのHTML5日付フィールドとプレースホルダーテキスト

プレースホルダー属性は、入力タイプの日付の入力要素をサポートしていません。

ただし、日付型をサポートしていないため、SafariWebブラウザで動作することを確認したかもしれません。つまり、属性は無視され、残りはプレーンテキストフィールドのみになります。

したがって、Safariデスクトップでは次のように動作します-

<input type = "date" name = "dob" id = "dob" value = "" placeholder = "add dob" />
As an alternative for Safari mobile, use:
input[type='date']:after {
   color: #000000;
   content: attr(placeholder);
}
そしてHTML-

<input name = "mydate" type = "date" value = "" placeholder = "add dob" />

  1. HTMLプレースホルダー属性

    HTMLプレースホルダー属性は、 input / textareaに表示されるテキストを表します ユーザーが何かを入力し始める前の要素。 構文 以下は構文です- <tagname placeholder=”text”></tagname> HTMLプレースホルダー属性の例を見てみましょう- 例 <!DOCTYPE html> <html> <style>    body {       color: #000;       he

  2. 現在の日付と日付フィールドの間の日数を取得しますか？

    現在の日付と日付フィールドの間の日数を取得するには、構文は次のとおりです- SELECT DATEDIFF(CURDATE(),STR_TO_DATE(yourColumnName, '%d-%m-%Y')) AS anyAliasName FROM yourTableName; 上記の構文を理解するために、テーブルを作成しましょう。テーブルを作成するためのクエリは次のとおりです- mysql> create table DateDifferenceDemo    -> (    -> Id int NOT NULL