首页 > 软件开发 > HTML >

textarea 怎么隐藏

来源:互联网 2023-03-16 19:13:23 341

textarea> 标签定义一个多行的文本输入控件。如何实现对textarea的隐藏呢?具体操作步骤如下。NFw办公区 - 实用经验教程分享!

工具/原料

  • html
  • js

方法/步骤

  • 1

    首先新建个html文件,为页面建立一个textarea输入控件。NFw办公区 - 实用经验教程分享!

    textarea 怎么隐藏NFw办公区 - 实用经验教程分享!

  • 1本页面未经许可获取自百度经验
  • 2

    为了实现操作,这里添加了两个按钮用来控制对textarea的显示和隐藏。NFw办公区 - 实用经验教程分享!

    textarea 怎么隐藏NFw办公区 - 实用经验教程分享!

  • 3

    为这两个按钮配备对textarea操作的函数,ShowText和HiddenText。NFw办公区 - 实用经验教程分享!

    textarea 怎么隐藏NFw办公区 - 实用经验教程分享!

  • 4

    ShowText用来控制显示,函数内容是将textarea的display设置为"block"。NFw办公区 - 实用经验教程分享!

    NFw办公区 - 实用经验教程分享!

    HiddenText用来控制隐藏,函数内容是将textarea的display设置为"none"。NFw办公区 - 实用经验教程分享!

    textarea 怎么隐藏NFw办公区 - 实用经验教程分享!

  • 5

    运行脚本,点击隐藏按钮实现隐藏。NFw办公区 - 实用经验教程分享!

    textarea 怎么隐藏NFw办公区 - 实用经验教程分享!

  • 6

    可以看到文本框已经隐藏。点击显示按钮又会将文本框显示回来,显示隐藏都可以操作。NFw办公区 - 实用经验教程分享!

    textarea 怎么隐藏NFw办公区 - 实用经验教程分享!

  • 注意事项

    • 设置none

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!NFw办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码