文本框特殊控制

2005-12-27 21:10:58

font-variant版本:CSS1  兼容性:IE4+ NS6+ 继承性:有 语法: font-variant : normal | small-caps 参数: normal : 正常的字体 small-caps : 小型的大写字母字体 说明: 设置或检索对象中的文本是否为小型的大写字母。 对应的脚本特性为fontVariant。请参阅我编写的其他书目。 示例: span { font-variant: small-caps; } text-transform版本:CSS1  兼容性:IE4+ NS4+ 继承性:有 语法: text-transform : none | capitalize | uppercase | lowercase 参数: none :  无转换发生 capitalize :  将每个单词的第一个字母转换成大写,其余无转换发生 uppercase :  转换成大写 lowercase :  转换成小写 说明: 检索或设置对象中的文本的大小写。 对应的脚本特性为textTransform。请参阅我编写的其他书目。 示例: div { text-transform : uppercase; } <input type=text onkeyup="this.value=this.value.toUpperCase()" style="text-transform : uppercase ; "> <input type=text onkeypress=" var oTR = this.document.sel&#101;ction.cr&#101;ateRange() oTR.text=String.fromCharCode(event.keyCode).toUpperCase() event.returnValue = false "> <input type=text onkeypress="clipboardData.setData('text',String.fromCharCode(event.keyCode).toUpperCase());this.document.execCommand('paste');return false;" onbeforepaste=clipboardData.setData('text',clipboardData.getData('text').toUpperCase())> 昨天的那个程序最主要的问题是在对选定区域重新输入时会失去光标位置,刚才翻了一下MSDN的资料用range.sel&#101;ct()的方法可以解决,不过对于用JS设置的文本内容和<input value='内容'>还是有处理,懒得改了。 <input type=text onkeypress=" var oTR = this.document.sel&#101;ction.cr&#101;ateRange() oTR.text=String.fromCharCode(event.keyCode).toUpperCase() oTR.sel&#101;ct() //保持光标位置 event.returnValue = false " onbeforepaste=" var oTR = this.document.sel&#101;ction.cr&#101;ateRange() oTR.text = window.clipboardData.getData('text').toUpperCase() " onpaste="event.returnValue = false" >