怎么隐藏textarea

怎么隐藏textarea,第1张

工具:hml、js

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

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

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

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

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

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

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

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

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

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

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>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6130290.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-15
下一篇 2023-03-15

发表评论

登录后才能评论

评论列表(0条)

保存