Campo data HTML e testo segnaposto in Safari

Question

Ho un problema, ma non sono sicuro se si tratta di qualcosa che sto facendo male, o se questa funzione non è ancora supportata.

Fondamentalmente ho le seguenti righe di codice:

<input type="text" name="lastname" id="lastname" value="" placeholder="Last name" /> 

<input type="date" name="dob" id="dob" value="" placeholder="Date of birth" /> 

Ho provato questo sulla versione desktop di Safari e ogni bene, ma quando prova sul iPad, il secondo ingresso non lo fa mostra il testo segnaposto. Qualcuno sa se il testo segnaposto è supportato su type = "date" su iPad?

Acclamazioni Nick

Answer 1

L'iPad sta facendo la cosa giusta. L'attributo placeholderisn't supported on input elements on type date. Probabilmente sta lavorando su Safari desktop perché non supporta il tipo date, quindi quell'attributo viene ignorato e ti rimane un campo di testo normale. Puoi controllare l'ispettore DOM.

Answer 2

po 'leggero mod qui va ...

hanno Inizialmente il campo come un campo di testo. Quando l'utente si concentra sul campo, i campi digitano il tipo di data e ri-focus.

testate in iOS6

HTML

<input type="text" placeholder="DOB" id="dob" /> 

JS

<script> 

    var textbox = document.getElementById('dob') 
     textbox.onfocus = function (event) { 
      this.type = 'date'; 
      this.focus(); 
    } 

</script> 

Answer 3

Utilizzando la soluzione di sidarcy:

<input type="date" name="dob" id="dob" value="" 
    placeholder="Date of birth" 
    onfocus="this.type='date';this.focus();" 
    onblur="if(this.value == '') this.type='text';"/> 

Answer 4

CSS per iOS Safari:

input[type='date']:after { 
    color: #aaa; 
    content: attr(placeholder); 
} 

Quindi utilizzare segnaposto su input Data:

<input name="mydate" type="date" value="" placeholder="Select a date" />