2016-05-26 5 views
0

Ich habe diesen Einganghtml-Element in Platzhalter

<input class="form-control input-lg" type="text" placeholder="Name" name="name"> 

Da meine Form keine Etiketten hat und ich hänge von Platzhalter, ist es möglich, ein Element wie

<sup>*</sup> 

so zu setzen, dass ich zeigen kann, an die Benutzer, die dieses Feld benötigt.

Ich habe versucht, aber es hat nicht funktioniert.

Gibt es eine Möglichkeit, das zu tun?

meine Form

http://www.itbotics.com/contact.php

+0

Can‘ t verwenden Sie '* '? – Satpal

+0

[Das HTML5-Platzhalterattribut ist kein Ersatz für das Label-Element] (http://www.456bereastreet.com/archive/201204/the_html5_placeholder_attribute_is_not_a_substitute_for_the_label_element/) – Quentin

+0

satpal funktioniert nicht –

Antwort

1

Verwenden Sie ein Label:

<input class="form-control input-lg" type="text" placeholder="Name" name="name"> 
<label for="Name">*</label> 

oder Sie * nach dem Platzhalter-Text hinzufügen könnte. ein Grund, Etiketten nicht zu verwenden? sie sind gute Praxis

+1

Danke dafür, ich will nur etwas Neues ausprobieren und sauberer Form –

+0

Yeh Formen immer sauberer ohne Etiketten aussehen, aber es ist schlecht für viele Gründe, vor allem Barrierefreiheit, google like's Seiten, die für alle zugänglicher sind, so dass Etiketten auslassen Ihre Seite Ranking beeinflussen – Pixelomo

0

wenn Sie nicht wollen Label verwenden:

CSS-Code:

.required::before { 
    content: "*"; 
    color:red; 
} 

HTML-Code:

<span class="required"></span> 
<input class="form-control input-lg" type="text" placeholder="Name" name="name"> 
+0

Ill versuchen, dieses Sir –