我正在使用webapp-net爲iOS/android構建應用程序。在我的應用程序中,我有一個帶有文本字段的表單。我想要輸入一個輸入時通常出現在文本字段上的「X」圖標。通過點擊該圖標,只需點擊一下即可移除整個輸入。圖標「X」僅在輸入輸入時出現,當文本框爲空時圖標不可見。如果你能給我一個如何去做的例子,我會很感激。onclick刪除,html
1
A
回答
1
這個簡單的HTML展示瞭如何有一個輸入字段,並按下
<input type="text" onkeypress="show();" id="text" /><div id="close" onclick="clean();" style="display:none">x</div>
當現在呼籲一個乾淨的功能的X按鈕的JavaScript
<script type="text/javascript">
function show(){
document.getElementById('close').style.display = ''; //shows the X button when text is entered;
}
function clean(){
document.getElementById('close').style.display = 'none'; //hides the X button
document.getElementById('text').value = ""; //clears the field
}
</script>
當然,這缺乏驗證喜歡什麼類型按下鍵時避免顯示X按鈕當您按SHIFT或CTRL時
相關問題
- 1. Go動態刪除HTML onClick
- 2. 刪除類onClick
- 3. jquery onclick刪除i ++
- 4. javascript刪除div onclick
- 5. Onclick添加html內容並通過點擊「刪除」鏈接將其刪除
- 6. textarea onclick刪除文本
- 7. 設置onclick事件刪除
- 8. 刪除記錄onClick,asp.net
- 9. 添加/刪除類onClick Jquery
- 10. jQuery onclick刪除表格行
- 11. Reg Exp從HTML元素(Notepad ++)中刪除'onclick'
- 12. Python HTML刪除
- 13. Javascript刪除HTML
- 14. tinymce刪除html
- 15. 刪除HTML,jQuery
- 16. jQuery .html()刪除html元素
- 17. NGINX刪除刪除擴展名爲.html
- 18. 刪除HTML框架
- 19. 追加(html)刪除?
- 20. 刪除HTML擴展
- 21. 刪除html標籤
- 22. 刪除HTML標籤
- 23. 原型刪除HTML?
- 24. 刪除HTML實體
- 25. 刪除HTML節點
- 26. 刪除下拉子菜單onclick
- 27. 骨幹:刪除省略號的onclick
- 28. 使用OnClick刪除標記<option>
- 29. 如何刪除span onclick或修改?
- 30. 刪除「onclick」事件的功能?
有''自動實現此功能,但它也有一個放大鏡圖標在左邊。 – pimvdb