我確定有一個適當的術語,但不知道它。當用戶在每個領域時,如何彈出小筆記?讓我們假設他們去名字領域;那麼只要他們點擊右側的姓名字段,我想要一個小筆記給他們一個信息,如「確保您使用全名」。我想爲我的幾個領域做到這一點。我怎樣才能做到這一點?輸入字段焦點後的工具提示
0
A
回答
1
您是否在尋找工具提示?從smashing magazine結帳這些收藏。
1
我使用這個插件爲你問。 JQuery tooltip
1
FlowPlayer.org有一個很好的jQuery工具提示插件,您可以使用。
檢查this使用它的窗體上的演示(它適合你的要求)
1
下面是一個簡單的例子:粘貼在這裏以供參考太http://jsbin.com/iruyo3
代碼。
<!doctype html>
<html>
<head>
<title></title>
<style type="text/css">
html,body,h1,h2,h3,h4,h5,p,ul,li,form,button { margin:0; padding:0 }
body { font:normal 62.5% tahoma; margin:20px }
#myForm .note { display:none; }
#myForm fieldset { border:0 }
#myForm label { width:100px; float:left; height:25px; line-height:25px; text-align:right; padding-right:10px }
</style>
</head>
<body>
<form id="myForm">
<fieldset>
<label>Name</label>
<input type="text" name="fullname">
<span class="note">Enter your full name.</span>
</fieldset>
<fieldset>
<label>Company</label>
<input type="text" name="fullname">
<span class="note">Enter your work place.</span>
</fieldset>
</form>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function() {
$('#myForm input:text').focus(function(){
$('.note').hide();
$(this).next().fadeIn();
});
});
</script>
</body>
</html>
相關問題
- 1. 改變輸入字段的焦點輸入提交風格
- 2. 提交/輸入後,將焦點保持在同一輸入字段
- 3. 顯示固定的「工具提示」當輸入接收焦點,使用jQuery
- 4. 焦點與JavaScript的輸入字段?
- 5. 提交後返回焦點輸入
- 6. jquery字段工具提示
- 7. 輸入字段具有模糊的()和焦點()
- 8. SAPUI5將焦點設置輸入字段
- 9. 使ExtJS輸入字段失去焦點
- 10. 設置焦點iframe輸入字段onload
- 11. Angularjs輸入字段焦點事件?
- 12. 焦點輸入文本字段值
- 13. 在工具提示上獲取輸入文本字段值
- 14. Bootstrap動態工具提示綁定到輸入字段?
- 15. 檢查輸入字段具有焦點,並通過輸入變量的功能
- 16. 輸入字段值重新填充如果焦點後空
- 17. Xamarin顯示鍵盤和焦點在輸入字段
- 18. Firefox不會在禁用的輸入字段上顯示工具提示
- 19. 什麼是顯示WPF工具提示焦點最少侵入的方式?
- 20. 點擊html輸入時的工具提示問題
- 21. HTML文本框輸入工具提示?
- 22. 點擊進入工具提示
- 23. 關注焦點的角度工具提示
- 24. 雖然輸入具有焦點
- 25. 輸出工具提示,如果點擊工具
- 26. 提交後重置輸入字段
- 27. Microsoft工具提示中的點工具提示問題
- 28. 表單提交後不顯示值的輸入字段?
- 29. Ember:在焦點輸出字段上調用輸入字段與參數
- 30. 忽略鼠標焦點在工具提示?
給我們一個網站的例子,它可以滿足您的需求。這樣我們可以給你特定的代碼,甚至破譯其他人如何做。 – 2011-01-27 05:37:19