close
input name="textfield" type="text" value="浮水印自訂文字" style="color: #AAAAAA;" onfocus="if (this.value == '浮水印自訂文字') {this.value = ''; this.style.color='#333333'}" onblur="if (this.value == '') {this.value = '浮水印自訂文字'; this.style.color='#AAAAAA'}" >
另外翻譯社 Flash也能夠如許玩
【備忘】JavaScript: 文字欄位浮水印
結果以下:
有浮水印的文字欄位:
// txtfield1 是要放浮水印的目的文字欄位 txtfield1.addEventListener (FocusEvent.FOCUS_OUT翻譯社 addTextDefault); txtfield1.addEventListener (FocusEvent.FOCUS_IN, removeTextDefault); var default_tf = txtfield1.getStyle ("textFormat"); function addTextDefault (e) { if (e.currentTarget.text == "") { e.currentTarget.setStyle ("textFormat", new TextFormat(null翻譯社null,0xAAAAAA)); e.currentTarget.text = "←請輸入資料"; } } function removeTextDefault (e) { if (e.currentTarget.text == "←請輸入資料") { e.currentTarget.setStyle ("textFormat", default_tf); e.currentTarget.text = ""; } } addTextDefault ({currentTarget:txtfield1});很短的程式碼, setStyle函式是用來設定組件的樣式
效果以下:
文章標籤
全站熱搜
留言列表