wang00ka 2018-10-09 05:21 采纳率: 75%
浏览 842
已采纳

请问文本框禁用怎么实现？

请问怎么才能实现以下功能，恳请大神们帮忙看看，谢谢！（使用html、javascript、angularjs）图片说明

  • 写回答

4条回答 默认 最新

  • 斯洛文尼亚旅游 2018-10-09 06:09
    关注
     <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.0/angular.min.js"></script>
<body ng-app="myApp">
    <div ng-controller="myCtrl">
        <select ng-model="yesno" ng-change="myFunc()"><option value="是" selected>是</option><option value="否">否</option></select>
        账号：<input type="text" ng-disabled="disabled" />
        密码：<input type="text" ng-disabled="disabled" />
    </div>

    <script>
        angular.module('myApp', [])
        .controller('myCtrl', ['$scope', function ($scope) {
            $scope.yesno = '是';
            $scope.disabled = $scope.yesno == '否';
            $scope.myFunc = function () { $scope.disabled = $scope.yesno == '否'; };
        }]);
    </script>
</body>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题？

  • jquery实现文本框的禁用和启用
    2020-10-20 22:50
    // 文本框禁用 $("input[type='text']").each(function () { $("#" + this.id).attr("disabled", true); }); ``` 这段代码首先选择所有的文本框（`input[type='text']`），然后遍历每个元素。在遍历过程中，`this....
  • 前端每日三问#200501怎样在文本框中禁用中文输入法？
    2020-05-02 02:33
    Shizukuu的博客 方法一：用文本框的CSS属性ime-mode实现 ime-mode属性介绍：设置或检索是否允许用户激活输入中文，韩文，日文等的输入法（IME）状态。 IME 是输入法编抄辑器 (Input Method Editor) 的英文缩写，它是一种专门的应用...
  • chatgpt这么火？前端如何实现类似chatgpt的对话页面
    2023-03-13 08:28
    爱音斯坦牛的博客 自从去年11月份chatgpt出圈之后，他的热度就居高不减，也出现了很多人借助接口开发的国内版本，那么本篇博客就从前端的角度来看看前端如何实现类似chatgpt的对话功能！
  • Django Form设置文本框为readonly操作
    2020-09-16 13:45
    当需要在前端展示信息但不允许用户修改时，我们可以将文本框设置为只读（readonly）。本文将详细介绍如何在Django Form中实现这一功能，并提供两种不同的方法。 方法一是在自定义的form类中通过`__init__()`方法来...
  • [html] 怎样在文本框中禁用中文输入法？
    2021-03-25 16:41
    前端小歌谣的博客 [html] 怎样在文本框中禁用中文输入法？ 用文本框的 ime-mode css 属性 松开键时检查文本框的的值，只保留 Unicode 编码在 0 ～ 255 的字符 把所有双字节字符替换为空 把中文字符替换为空 个人简介 我是歌谣...
  • HTML实现文本框只读不能修改其中的内容
    2020-09-28 04:27
    通过`onfocus="this.blur()"`方法实现的只读文本框是动态的，当文本框获得焦点时立即将焦点移走，用户无法进行输入，但其值在表单提交时仍会被发送。而`readonly`属性则创建的是静态的只读文本框，用户不能修改其值...
  • jQuery实现文本框邮箱输入自动补全效果
    2020-11-23 23:00
    jQuery 实现文本框邮箱输入自动补全效果是一种常见的前端交互功能，它能够为用户提供便捷的输入体验，尤其是在处理大量预定义的邮箱域名时。在这个示例中，我们将探讨如何使用 jQuery 和一个特定的插件 `jquery....
  • 如何处理selenium Webdriver中的文本框？
    2024-07-30 21:31
    知识的宝藏的博客 文本框或字段在整个网页中广泛使用，本文将介绍如何在Java中使用Selenium Webdriver处理文本框。可以有各种文本字段，我们将尝试包括其中的大多数，并执行各种操作，如清除和输入文本。 我们将使用我们的Selenium...
  • Javascript实现全选并赋值给文本框代码(1).doc
    2025-07-14 04:43
    在互联网技术领域，实现全选并赋值给文本框的功能是前端开发中经常遇到的需求之一。这种需求通常出现在表单处理、数据筛选或是用户界面交互的场景中。具体实现的方法有多种，而本篇文档分享了一段JavaScript代码以及...
  • 如何去掉前端输入框的前后空格？
    2025-08-26 17:26
    魏波.的博客 摘要： 前端去除输入框前后空格的解决方案包括： 原生JS：通过blur或submit事件监听，使用trim()处理输入值。 React：在onChange（实时）或onBlur（延迟）事件中更新state。 Vue：通过计算属性、v-model.lazy或...
  • 没有解决我的问题, 去提问