text 在输入上添加占位符

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了text 在输入上添加占位符相关的知识,希望对你有一定的参考价值。

jQuery( "#webform-client-form-244784 .webform-component" ).each(function() {
  var label = jQuery(this).find('label');
  var labelText = label.text().replace(/:/g, "").replace(/\*/g, '');
  label.hide();
  //console.log(labelText)
 jQuery(this).find("input").attr( 'placeholder', labelText);
 //for message text area
 jQuery(this).find("textarea").attr( 'placeholder', labelText);
});      


//ON D6 must wait until form is loaded first
$('#talk-to-advisor').load('/talk-advisor  #webform-client-form-244784', function () {
  jQuery.cachedScript('https://www.google.com/recaptcha/api.js');
  console.log('talk to advisor form loaded');
  $(this).find( ".webform-component" ).each(function() {
    var label = $(this).find('label');
    var labelText = label.text().replace(/:/g, "").replace(/\*/g, '');
    label.hide();
    //console.log(labelText)
   $(this).find("input").attr( 'placeholder', labelText);
   //for message text area
   $(this).find("textarea").attr( 'placeholder', labelText);
  }); 
});

以上是关于text 在输入上添加占位符的主要内容,如果未能解决你的问题,请参考以下文章

如何在输入标签的占位符中添加材质图标

在焦点上更改占位符文本

占位符(placeholder text)

如何向 jQuery Tokeninput 添加占位符?

text 添加占位符,在-DIV标签

在输入占位符文本中使用 Font Awesome (5) 图标