# 禁止编辑TextInput内容

#### 问题现象

如何实现禁止编辑TextInput组件中的内容的功能？

#### 效果预览

#### 背景知识

*   enabled是一种组件通用属性，可用于设置组件是否可交互。
*   focusOnTouch用于设置当前组件是否支持点击获焦功能。
*   focusable用于设置当前组件是否可以获焦。

#### 解决方案

*   方案一：添加enabled属性。
    
    当设置enabled属性的值为false后，系统会自动为相关组件添加灰度效果，会改变原来组件的样式。
    
*   方案二：添加focusOnTouch属性。
    
    当focusOnTouch属性为true时，仅在组件可点击时才能正常获取焦点，更适合具有点击功能的组件，如TextInput。
    
*   方案三：添加focusable属性。
    
    该属性是一种更通用的获焦方法，适合大部分组件。当它设置为false时，组件无法获得焦点。
    

```
@Entry
@Component
struct TextInputColorPage {
  message: string = 'Hello World';

  build() {
    Column({ space: 16 }) {
      TextInput({ text: this.message }).enabled(false).fontColor(Color.Blue);
      TextInput({ text: this.message }).focusOnTouch(false).fontColor(Color.Gray);
      TextInput({ text: this.message }).focusable(false).fontColor(Color.Brown);
    }
    .padding(10);
  }
}
```