php编辑框禁止输入,如何设置表单的input文本框不可编辑

设置表单input文本框不可编辑的方法：首先创建相应的代码文件；然后通过为表单字段设置为“οnfοcus=this.blur()，readonly、disabled”来实现不可编辑的功能即可。

本篇文章给大家带来的内容是以input文本框为例来介绍如何设置表单不可编辑，让大家了解实现所有表单字段(文本框，标签，复选框，文本区域)不可编辑的方法，知道readonly属性和disabled 属性的区别。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。

有时，我们需要以不可编辑的模式显示表单域，那么如何实现？我们可以通过为表单字段(input文本框，标签，复选框，文本区域)设置以下方法来实现表单的不可编辑功能。【相关视频教程推荐：html教程】

我们以input文本框为例来看看效果：

1、οnfοcus=this.blur()

可以看出，表单input文本框无法被点击，不可进行编辑了；里面的文字也无法选择。

2、readonly属性

可以看出，表单input文本框无法被点击，不可进行编辑了。

3、disabled 属性

注意：

我们不能为所有表单字段或元素设置readonly属性。，和元素没有readonly属性，但它们具有disabled属性，可以通过设置disabled属性来实现不可编辑功能。

下面我们来看看readonly属性和disabled 属性的区别是什么？

readonly属性和disabled 属性都是表单字段(文本框，标签，复选框，文本区域)的不可编辑属性，下面我们来看看它们的区别

disabled 属性----禁用属性

1、禁用的表单字段或元素值不会发布到服务器进行处理。

2、禁用的表单字段或元素不会获得焦点。

3、选项卡导航时会跳过已禁用的表单字段或元素。

4、某些浏览器(如IE)为禁用的表单字段或元素提供默认样式(灰色或浮雕文本)。

readonly属性----只读属性

1、字段或元素的值以只读形式来发布到服务器进行处理。

2、只读表单字段或元素可以获得焦点。

3、选项卡导航时包含只读表单字段或元素。

4、某些浏览器不为只读表单字段或元素提供默认样式。

总结：以上就是本篇文的全部内容，希望能对大家的学习有所帮助。

php编辑框禁止输入,如何设置表单的input文本框不可编辑相关推荐

html在表中加入输入框,HTML表单和输入文本框
HTML 表单用于收集用户输入的各类信息. 1)例子文本域这个例子演示了如何在一个 HTML 页中创建文本域.用户可以在文本域中输入文本. 密码框这个例子演示了如何在 HTML 页中创建密码输入 ...
web前端入门学习 css（7）css高级技巧（精灵图、字体图标、css三角、鼠标样式、表单轮廓线、文本框拖拽、垂直对齐、图底空白缝隙、margin负值、溢出文字省略号、文字环绕、css初始化）
文章目录精灵图为什么需要精灵图? 精灵图的使用精灵图课堂案例用精灵图拼出自己的名字字体图标字体图标的下载字体图标的引入字体图标的追加 css三角(用边框border制作) 案例:京东三 ...
html文本框设置默认值,HTML input文本框设置和移除默认值
这里想实现的效果是:设置和移除文本框默认值,如下图鼠标放到文本框中的时候,灰字消失. 1.可以用简单的方式,就是给input文本框加上onfocus属性,如下代码: οnfοcus='if(this. ...
java 文本框只读_处理表单使input等文本框为只读不可编辑的方法
方法1: οnfοcus=this.blur() 方法2:readonly 方法3: disabled Readonly和Disabled它们都能够做到使用户不能够更改表单域中的内容.但是它们之间有着 ...
HTML基本结构标签列表表格表单 form input 单选框radio 多选框checkbox 列表框select option 按钮button
文章目录 HTML HTML基本结构网页的基本标签标题标签段落标签换行标签水平线字体样式标签 HTML注释和特殊符号图像标签常见的图片格式语法案例链接标签页面间链接语法锚链 ...
上传照片表单提交包括文本框下拉条等，如何取文本框的值
一个照片上传让刚从ruby转作java的我,在三个月内上传服务器用三种方法写过,上传数据库用几种方法也写过,小白想说,我容易么........ formList = upload.parseReque ...
html表单输入的文本框的值,网页设计关于表单输入框的技巧代码
虽然现在有许多网页制作工具能让您轻松地完成工作,但如果使用HTML则可以得到更大控制权,下面介绍几个小技巧. 1.使用, 2018-04-14 网页表格表框制作技巧. ---------------- ...
表单控件文本框 title overall type: UNKNOWN_TYPE server type: NO_SERVER_DATA
表单控件 title 会自动添加信息如下: overall type: UNKNOWN_TYPE server type: NO_SERVER_DATA heuristic type ...
java 文本域不可编辑_实现表单input文本框不可编辑的三种方法
问题有时,我们需要以不可编辑的模式显示表单域,那么如何实现?我们可以通过为表单字段(input文本框,标签,复选框,文本区域)设置以下方法来实现表单的不可编辑功能. 实现方式 1.οnfοcus=t ...

php编辑框禁止输入,如何设置表单的input文本框不可编辑

php编辑框禁止输入,如何设置表单的input文本框不可编辑相关推荐

最新文章

热门文章