點選單元格清除預設值並且能夠設定輸入字型顏色

admin發表於2017-02-28

在很多情況下，文字框內有預設文字，一般都是提示類的文字。

當點選文字框的時候能夠清除這些文字，下面就簡單介紹一下如何實現此效果。

程式碼如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE HTML>
<html>
<head>
<meta charset=" utf-8"> 
<title>javascript便利表格</title>
<script type="text/javascript">
function txtFocus(el) {
  if(el.defaultValue == el.value) { 
   el.value = ''; 
   el.style.color = 'red'; 
  }
}
function txtBlur(el) {
  if(el.value == '') 
  { 
    el.value = el.defaultValue; 
    el.style.color = '#000'; 
  }
}
</script>
<body>
<input type="text" onfocus="txtFocus(this)" onblur="txtBlur(this)" value='請輸入'>
</body>
</html>

相關文章