养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

textarea 怎么隐藏

时间:2024-11-11 00:49:18

<textarea>标签定义一个多行的文本输入控件。如何实现对t娣定撰钠extarea的隐藏呢?具体操作步骤如下。

工具/原料

html

js

方法/步骤

1、首先新建个html文件,为页面建立一个textarea输入控件。

textarea 怎么隐藏

2、为了实现操作,这里添加了两个按钮用来控制对textarea的显示和隐藏。

textarea 怎么隐藏

3、为这两个按钮配备对textarea操作的函数,ShowText和HiddenText。

textarea 怎么隐藏

4、ShowText用来控制显示,函数内容是将textarea的displa鲻戟缒男y设置为"block"。HiddenText用来控制隐藏芟坳葩津,函数内容是将textarea的display设置为"none"。

textarea 怎么隐藏

5、运行脚本,点击隐藏按钮实现隐藏。

textarea 怎么隐藏

6、可以看到文本框已经隐藏。点击显示按钮又会将文本框显示回来,显示隐藏都可以操作。

textarea 怎么隐藏

© 一点知识