jsp页面输入框设置为只读

现象:开发中想jsp的input设置为只读,用户无法输入参数

解决方案:

1:readonly属性
jsp的input有readonly=“”的属性,如果设置为
input type=”text” name=”name” value=”属性” readonly=”true”>
这样就实现了只读属性用户将无法录入信息

2:οnfοcus=this.blur()属性
在jsp的input加上οnfοcus=this.blur()属性
input type=”text” name=”input” value=”属性” οnfοcus=this.blur()>
这样也可实现用户无法录入数据,但是这样做也有一个问题:用它来去除链接取得焦点时外围出现的虚线框,这行代码给用户们带来了巨大的困扰:这中断了用户的Tab键路径,导致Tab光标无法聚焦页面的下一个控制器(链接、表单域、object、image map等)

3:disabled属性
input type=”text” name=”input” value=”属性” disabled>
这样也可以实现用户无法录入信息

对比:
disabled:对于所有的表单元素都有效,包括select, radio, checkbox, button等。如果一个输入项的disabled设为true,则该表单输入项不能获取焦点,用户的所有操作(鼠标点击和键盘输入等)对该输入项都无效,最重要的一点是当提交表单时,这个表单输入项将不会被提交。
readonly:只针对input(text / password)和textarea有效;如果设为true,用户只是不能编辑对应的文本,但是仍然可以聚焦焦点,并且在提交表单的时候,该输入项会作为form的一项提交。

常用的情况分析:
1. 在某个表单中预填了某个唯一识别代码,不允许用户改动,但是在提交时需要传递该值,此时应该将它的属性设置为readonly。必须编辑操作的某些不能用户手动改变的值。
2. 用户提交了表单后需要等待管理员的信息验证,这就不允许用户再更改表单中的数据,而是只能够查看,由于disabled的作用元素范围大,所以此时应该使用disabled,但同时应该注意的是要将submit button也disabled掉,否则只要用户按了这个按钮,如果在数据库操作页面中没有做完整性检测的话,数据库中的值就会被清除。如果说在这种情况下用readonly来代替disabled的话,若表单中只有input(text/password)和textarea元素,那还是可以的,如果存在其他发元素,比如select,用户可以在重新改写值后按回车键进行提交(回车是默认的submit触发按键)。
3. 在信息查看的详情页面建议使用disabled,通常这样的页面是为了展示信息的。
技巧
1. diabled可用readonly代替,background-color:#cccccc;加上灰色背景色就可以。
2. disabled和readonly的文本输入框只能通过脚本进行修改value属性。(可以通过脚本对值赋值,只是用户无法录入参数)

  • 2
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值