input不可编辑(如何设置input输入框不可编辑?)
今日试了一下使input文本框不行修改的3种方法,现在总结一下:
disabled特点规则应该禁用input元素,被禁用的input元素,不行修改,不行仿制,不行挑选,不能接纳焦点,后台也不会接纳到传值。设置后文字的色彩会变成灰色。disabled特点无法与一同使用。
示例:
readonly特点规则输入字段为只读可仿制,可是,用户能够使用Tab键切换到该字段,可挑选,能够接纳焦点,还能够选中或拷贝其文本。后台会接纳到传值.readonly特点能够避免用户对值进行修改。
readonly特点可与或合作使用。
示例:
readonlyunselectable="on"该特点跟disable相似,input元素,不行修改,不行仿制,不行挑选,不能接纳焦点,设置后文字的色彩也会变成灰色,可是后台能够接纳到传值。示例:
readonlyunselectable="on">
如何设置input输入框不可编辑?
怎么使input文本框不行修改?下面本篇文章就来给咱们介绍一下使input文本框不行修改的几种办法,希望对咱们有所帮助。
办法1:运用disabled特点
disabled特点规定应该禁用input元素,被禁用的input元素,不行修改,不行仿制,不行挑选,不能接收焦点,后台也不会接收到传值。设置后文字的色彩会变成灰色。
注:disabled特点无法与一同运用。
示例:
可编辑:<inputtype="text"/><br/><br/>不行修改:<inputtype="text"disabled="disabled"/>
广州包装规划公司http://www.maiqicn.com电脑刺绣绣花厂ttp://www.szhdn.com
办法2:运用readonly特点
readonly特点规定输入字段为只读可仿制,不行进行修改。但是,用户能够运用Tab键切换到该字段;可挑选,能够接收焦点,还能够选中或复制其文本。后台会接收到传值。
阐明:readonly特点能够避免用户对值进行修改。
readonly特点可与或配合运用。
示例:
可编辑:<inputtype="text"/><br/><br/>不行修改:<inputtype="text"readonly="readonly">
注意:
咱们不能为一切表单字段或元素设置readonly特点。,和元素没有readonly特点,但它们具有disabled特点,能够通过设置disabled特点来完成不行修改功能。
优秀作品:
最新作品:
评论列表(共306人参与)参与讨论或分享设计作品获得视觉癖积分奖励
不睡的话受注册会员
2021-01-24 10:55:30
be公司本来在这行的使用度上比较广发,所以认可度上来说也是很高的。 平面规划师证主要是考四个软件,拿到四个软件的证书后才干换一个平面规划师的证书,一个会让你产生共鸣 赶紧拿出小本本记下吧
回复楼梯的风注册会员
2021-01-24 15:33:6
做一个世界的游客
2021-01-24 17:48:41
游客32220:input不可编辑煤专业,化工专业等等。 启蒙,才更简略成为一个有内在有深度的规划师,这傍边还有诸多长处,就得靠你们自己渐渐领会。
回复而规划的注册会员
2021-01-24 18:5:55
读可仿制,可是,用户能够使用Tab键切换到该字段,可挑选,能够接纳焦点,还能够选中或拷贝其文本。后台> 1、在广告专业公司,从事广告规划、广告策划、广告制造及广告发布等作业。 2、在电视、网站、报社、杂志等宣传媒从事广
回复