社区
JavaScript
帖子详情
各位一定要帮我这个忙,怎样用文本框实现添写IP框的那种效果呢?
chenchen0982550
2003-08-25 11:44:02
十分感谢!!!
...全文
44
3
打赏
收藏
各位一定要帮我这个忙,怎样用文本框实现添写IP框的那种效果呢?
十分感谢!!!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
cloudchen
2003-08-25
打赏
举报
回复
http://www.blueidea.com/bbs/NewsDetail.asp?id=980389
cloudchen
2003-08-25
打赏
举报
回复
<!--
Web Site: http://piggydesign.yeah.net/
Author: Cloudchen
E-mail: cloudchen@eastday.com
Copyright to: piggydesign
-->
<STYLE TYPE="text/css">
<!--
body { background: buttonface;}
input { font-size: 11px;font-family: "Tahoma";height:16px; width: 23px;border: 1px none;}
.input { border: 2px inset; background: #ffffff;}
-->
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
function checkData() {
if ((event.keyCode < 48 || event.keyCode > 57) && event.keyCode != 9) { return false;}
}
function moveCursor(ip) {
var err
if (ip.value.length == 3) {
var cur_index = parseInt(ip.name.substr(2,1));
var temp_index = parseInt(ip.name.substr(2,1));
if (cur_index == 1) {
if (ip.value > "233" || ip.value == "0") {
alert(ip.value+"不是一个有效项目。请指定一个介于1和233之间的数值");
ip.value = "";
cur_index = "ip"+cur_index;
err = true;
}
} else {
if (ip.value > "255") {
alert(ip.value+"不是一个有效项目。请指定一个介于0和255之间的数字");
ip.value = "";
cur_index = "ip"+cur_index;
err = true;
}
}
if (cur_index != 4) {
if (err == true) {
cur_index = "ip"+(temp_index);
} else {
cur_index = "ip"+(++temp_index);
}
document.form(cur_index).select();
} else {
document.form("ip1").select();
}
}
}
</SCRIPT>
<FORM name="form">
<span class="input"><INPUT TYPE="text" NAME="ip1" maxlength="3" size="3" onKeyup="return moveCursor(this)" onKeyDown="return checkData()">.<INPUT TYPE="text" NAME="ip2" maxlength="3" size="3" onKeyup="return moveCursor(this)" onKeyDown="return checkData()">.<INPUT TYPE="text" NAME="ip3" maxlength="3" size="3" onKeyup="return moveCursor(this)" onKeyDown="return checkData()">.<INPUT TYPE="text" NAME="ip4" maxlength="3" size="3" onKeyup="return moveCursor(this)" onKeyDown="return checkData()"></span>
</FORM>
xiajiatou
2003-08-25
打赏
举报
回复
你可以用四个文本框,或者用一个文本框的话,再用正则表达式来规范
教你从零写vue穿梭
框
本文详细介绍了如何使用Vue制作一个选择组件(select-input)和穿梭
框
组件(table-transfer),并
实现
两者结合使用。组件包括一个禁用的input输入
框
、选择按钮和一个弹出的vue穿梭
框
,支持人员的查询、选择和确认。同时提供了单选和多选模式。在实际项目中,这些组件被注册为全局组件,方便在多个页面复用。
记录--H5
实现
拍照选景
框
效果
本文详细描述了如何通过JavaScr
ip
t在H5页面中
实现
拍照选景
框
效果
,包括利用getUserMedia获取摄像头流,通过canvas绘制取景
框
并捕获照片。还提到了注意事项和兼容性问题,以及可能的风险点和待办事项。
IP
地址格式输入
文本
框
本文介绍了一种简化
IP
地址输入
文本
框
的设计,包括直接粘贴功能、转换为整数和字符串,以及焦点自动转移。通过一个简洁的Java类
实现
,有效提升了用户体验。
css合并两个
文本
框
,css
实现
input
文本
框
的双边
框
美化
本文介绍了使用CSS美化input
文本
框
的方法,包括双边
框
效果
、响应propertychange事件、设置默认值及
实现
宽度自适应等技巧。
QT自定义lineEdit
实现
ip
地址
框
本文介绍了使用QT自定义LineEdit
实现
IP
地址
框
的方法。包括继承QLineEdit、设置布局、取消多余线条、用Qlable分隔、设置只读属性、使用正则表达式验证输入范围,还提到了
实现
键盘方向选择及事件过滤器,不过输入
框
跳转存在小bug待修复。
JavaScript
87,987
社区成员
224,683
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章