浮动标签

浮动标签是表单或输入字段的占位符文本，它浮动在该字段上方，并且在用户开始与该字段交互时保持可见。

要在 Kendo UI of jQuery 中为AutoComplete实现浮动标签，请将其定义为字符串或函数。

以下示例演示了如何将浮动标签设置为字符串：

<input id="autocomplete" />
<script>
$(document).ready(function(){
$("#autocomplete").kendoAutoComplete({
dataSource:[
{ text: "John" },
{ text: "Patrick" },
{ text: "Simon"}
],
dataTextField:"text",
label: {
content: "First Name",
floating: true
}
});
});
</script>

以下示例演示了如何从函数设置浮动标签：

Copy code <input id="autocomplete" />
<script>
$(document).ready(function(){
$("#autocomplete").kendoAutoComplete({
dataSource:[
{ text: "John" },
{ text: "Patrick" },
{ text: "Simon"}
],
dataTextField:"text",
label: {
content: function(){
return "First Name";
},
floating: true
}
});
});
</script>