所属分类：web前端开发
html使文本框不可编辑的方法是，给文本框添加一个布尔属性disabled即可。disabled属性规定了应该禁用的input元素，被禁用的元素是无法使用和点击的。
前端（vue）入门到精通课程：进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具：点击使用
本文操作环境：windows10系统、html 5、thinkpad t480电脑。
我们可以借助于disabled属性来实现文本框不可编辑，disabled 属性是一个布尔属性，该属性规定应该禁用的 <input> 元素，同时被禁用的 input 元素是无法使用和无法点击的。
disabled 属性进行设置，使用户在满足某些条件时（比如选中复选框，等等）才能使用 <input> 元素。然后，可使用 JavaScript 来删除 disabled 值，使该<input> 元素变为可用的状态。
提示：表单中被禁用的 <input> 元素不会被提交。
注意：disabled 属性不适用于 <input type="hidden">。
代码示例：
微博登录
QQ登录<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>zzsucai.com(php.cn)</title>
</head>
<body>
<form action="demo_form.php">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname" disabled><br>
<input type="submit" value="提交">
</form>
</body>
</html>
登录后复制运行效果如图所示：
相关推荐：html视频教程
以上就是html怎么使文本框不可编辑的详细内容，更多请关注zzsucai.com其它相关文章！
