Hallo,
gibt es eine Möglichkeit dem Registrierungsformular "Placeholder" zu verpassen, damit dort die Labelwerte stehen? So wie man das mit dem Formulargenerator auch machen kann?
VG Charlie
Druckbare Version
Hallo,
gibt es eine Möglichkeit dem Registrierungsformular "Placeholder" zu verpassen, damit dort die Labelwerte stehen? So wie man das mit dem Formulargenerator auch machen kann?
VG Charlie
Ich habe da ein JS-Script in meinem Fundus. Das macht:
- Checked, ob Placehoder unterstützt werden.
- Versteckt Labels und benutzt den Labeltext als Placeholder.
- Fügt Fieldsets ohne Legend eine CSS-Klasse hinzu um sie gestalterisch von Fieldsets mit Legends unterscheiden zu können.
jQuery und ein wenig Vanilla
PHP-Code:(function($) {
$(document).ready(function() {
var checkPlaceholderSupport = function() {
var test = document.createElement('input');
return ('placeholder' in test);
}
if(checkPlaceholderSupport()) {
$('#top').addClass('knows_placehoder');
// Hide the labels if placeholders are supported
$('.widget-text label, .widget-textarea label, .search .submit_container').addClass('invisible');
// Build placeholder from label
var labels = $('label');
labels.each(function() {
var formField = $('#' + $(this).attr('for'));
if(formField.hasClass('text') || formField.hasClass('textarea')) {
var dummyLabel = $(this).clone();
dummyLabel.children().remove();
var placeholderText = dummyLabel.text().trim();
formField.attr('placeholder', placeholderText);
}
});
}
// adjust the fieldset padding if there is no legend
var fieldsets = document.getElementsByTagName('fieldset');
for(var i = 0; i < fieldsets.length; i++){
if(fieldsets[i].firstElementChild.tagName != 'LEGEND'){
fieldsets[i].classList.add('has_no_legend');
}
}
});
})(jQuery);
Bekommt man mit diesem Script auch die "*" für Plichtfelder bei den Platzhaltern mit hin, oder wie wird das in solchen Fällen umgesetzt?