文本框

CreateTime--2017年4月24日10:40:40

Author:Marydon

一、文本框

　　（一）標(biāo)簽

　　　　<input type="text"/>

　　（二）通過(guò)下拉列表框?qū)崿F(xiàn)對(duì)文本框的錄入內(nèi)容控制

　　　　第一部分：HTML

信息是否完整 <select id="" name="" class="" onchange="contrlContent(this);" style="cursor: pointer;"><option value="0" selected>是</option><option value="1">否</option> </select> <br/>需要補(bǔ)充的信息： <input type="text" value="無(wú)" name="" id="addMess" readonly/>

　　　　第二部分：javascript

/*** 信息是否完整選項(xiàng)錄入信息控制* @param {Object} obj* input標(biāo)簽對(duì)象*/ function contrlContent (obj) {var seleTag = document.getElementById('addMess');if (1 == obj.value) {seleTag.value='';seleTag.readOnly = false;seleTag.focus();//聚焦} else if (0 == obj.value && '' == seleTag.value) {seleTag.value='無(wú)';seleTag.readOnly = true;} else if (0 == obj.value && '' != seleTag.value) {if (confirm('確定要清除嗎？')) {seleTag.value='無(wú)';seleTag.readOnly = true;return;}//信息不完整選項(xiàng)選中“否”obj[1].selected = true;seleTag.focus();//聚焦 } }

　　　　注意：一定要注意readOnly大小寫(xiě)！！！

　　CreateTime--2016年10月24日15:17:17?　　

　　（三）文本框輸入內(nèi)容控制

　　　　1.3.1 控制錄入的最多是保留兩位小數(shù)的數(shù)字?　　

<input type="text" onkeyup="this.value=this.value.match(/\d+(\.\d{0,2})?/)||[''])[0]" />

　　　　UpdateTime--2016年12月17日22:02:18　　

　　　　1.3.2 控制不能錄入中文，這里只能使用onkeyup屬性，原因見(jiàn)onkeydown-onkeypress-onkeyup文件?

<input type="text" onkeyup="this.value=this.value.replace(/[\u4e00-\u9fa5]/g,'')"/>　　　

　　　　UpdateTime--2016年12月17日23:10:36
　　　　1.3.3 禁用粘貼
　　　　　　input文本框添加屬性 οnpaste="return false;"

<input type="text" onpaste="return false;"/>

　　　　?UpdateTime--2017年9月28日11:41:11

　　　　1.3.4 文本框設(shè)置提示信息（聚焦時(shí)，提示信息消失）

　　　　方法一：（推薦使用）?

　　　　使用placeholder屬性

<input type="text" placeholder="請(qǐng)輸入要下載的url地址..."/>　　　　

　　　　局限性：IE9及以下版本不支持該屬性

　　　　方法二：

　　　　通過(guò)js實(shí)現(xiàn)

<input type="text" onblur="if(this.value==''){this.value='請(qǐng)輸入要下載的url地址...';this.style.color='#8B0016';}" onfocus="if(this.value=='請(qǐng)輸入要下載的url地址...'){this.value='';this.style.color='#000';}" value="請(qǐng)輸入要下載的url地址..." style="color:#8B0016;"/>

?　　　　局限性：該文本框的默認(rèn)值不是空值

?

?相關(guān)推薦：

• 類(lèi)似文章

?

轉(zhuǎn)載于:https://www.cnblogs.com/Marydon20170307/p/6755715.html

總結(jié)

以上是生活随笔為你收集整理的文本框input:text的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。