怎么隐藏textarea

工具：hml、js

1、首先新建个hml文件，为页面建立一个exarea输入控件。

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

3、为这两个按钮配备对exarea *** 作的函数，Showex和Hiddenex。

4、Showex用来控制显示，函数内容是将exarea的display设置为"block"。Hiddenex用来控制隐藏，函数内容是将exarea的display设置为"none"。

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

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

jquery

获取

input

文本框中的值方法始终是相同的，与是否隐藏无关，隐藏与不隐藏都能获取到值；

<script>

var

value

=

$('#demo').val()

//

直接根据

input

的id

获取值

var

value

=

$('.demo').val()

//

根据input

的class

类获取值，此方法需保证只有一个input

使用该class

类，否则始终返回第一个使用该class

类的input

的值

var

value

=

$('#thisdiv

input').val()

//

var

value

=

$('#thisdiv

.demo').val()

//

根据父元素定位input

获取值

以上的方法都能获取到

input

中的值，与div

是否隐藏没关系

</script>

可以用border属性去除文本框的边框。

1、新建html文档，在body标签中添加一些input标签，这时默认情况下浏览器中的文本框有1px的边框：

2、在head标签中添加style标签，设置input的样式，这里为了演示方便，为文本框设置灰色的背景色：

3、为input标签设置边框“border”属性，属性值为“0”，这时网页中文本框的边框就被去掉了：

---