如何制作只输入汉字的文本框

 时间:2024-10-25 10:22:55

1、在桌面上单击右键【新建】——【文本文档】

如何制作只输入汉字的文本框

2、在文本文档中输入如下代码

如何制作只输入汉字的文本框

3、点击【文件】——【另存为】,文件名输入:"不落泪的天使1制作.html",注意后缀名是.html

如何制作只输入汉字的文本框

4、双击打开如图所示,只可以输入汉字,输入其它字符都会被置空

如何制作只输入汉字的文本框

5、代码分析——文字部分可以自行修改,如图所示,一眼就可以看明白

如何制作只输入汉字的文本框

6、【<input >】文本框控件,可以自行设定它的大小,颜色等信息

如何制作只输入汉字的文本框

7、【onkeyup onbeforepaste】焦点键入和离开事件触发操作

如何制作只输入汉字的文本框

8、【replace(/[^\u4E00-\u9FA5]/g,'')】使用正则表达式将非汉字字符置空,小编输入了:不落泪的天使1,但是数字“1”被置空了

如何制作只输入汉字的文本框

9、全部代码如下,你可以自行修改验证哦,标题就是文件名【请输入中文名:<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))">】

如何制作只输入汉字的文本框
  • 百度站内搜索使用教程
  • 如何控制脾气
  • 手游(太极熊猫)金币获得方法
  • 粉饼和散粉的区别
  • 手工制作生日卡片
  • 热门搜索
    西安旅游攻略3天 海边旅游景点排行 曼谷旅游 天水旅游 旅游目的地 青岛旅游景点大全 台湾旅游景点 龙岩旅游 安顺旅游 重庆周边旅游