在占位符中添加用户输入
在占位符中添加用户输入
提问于 2014-10-07 11:15:35
这来自BootStrap 3的网站：
User input
Use the <kbd> to indicate input that is typically entered via keyboard.
To switch directories, type <kbd>cd</kbd> followed by the name of the directory.<br>
To edit settings, press <kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd>如何将它们合并到占位符中(输入字段中的背景文本)？
$j('#text_input').attr('placeholder','Enter options and hit <kbd>Enter</kbd> key');上述代码不会更改文本样式。它将其视为字面上< kbd>Enter< /kbd>
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-10-07 14:27:17
下面是一个示例，说明如何使用HTML而不是使用placeholder属性来完成任务。但这似乎比它的价值更多的工作。
- 将元素放置在输入的顶部。
- 隐藏并显示焦点上的元素\模糊
- 如果单击占位符，请确保将焦点设置在输入上。
jsFiddle演示
HTML
<div class="input-wrap">
<input class="form-control" type="text" />
<span class="placeholder">Enter options and hit <kbd>Enter</kbd> key</span>
</div>CSS
.input-wrap { position: relative; }
.placeholder {
position: absolute;
top: 7px;
left: 6px;
}jQuery
$('.placeholder').click(function(){
$(this).prev().focus();
});
$('.form-control').focus(function() {
$(this).next().hide();
});
$('.form-control').blur(function() {
if($(this).val() == "")
$(this).next().show();
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/26234731
复制相关文章
相似问题
腾讯云开发者
