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
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);
Bitte!
Vor Anfragen im Forum HTML validieren.
Codesnippets hier im Froum sauber einrücken. Nur Tabs o. nur Leerzeichen verwenden.
Vielen Dank an alle Wunschlistenerfüller
Andreas Burg, Web Solutions
Bekommt man mit diesem Script auch die "*" für Plichtfelder bei den Platzhaltern mit hin, oder wie wird das in solchen Fällen umgesetzt?
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
Lesezeichen