html---textarea初始化时就有个table空格以及tab键操作无效

最新推荐文章于 2022-11-23 11:35:44 发布

weixin_34379433

最新推荐文章于 2022-11-23 11:35:44 发布

阅读量376

点赞数

文章标签： javascript ViewUI

1 初始化时就有一个tab空格

这是由于<textarea></textarea>之间的内容不为空的原因，包含空格和换行，否则浏览器会觉得空格或者换行都是文本域的内容。因此书写时需将<textarea></textarea>紧靠在一起。

2 tab键对textarea操作无效

在textarea中使用tab键时是无效的。会切换到还有一个控件上去，可是当我们有个须要时，要可以在文本域中使用tab键，可以使用javascript或者jquery方式实现：

方式1：javascript

在textarea标签中的class="tabIndent"

实例：

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Test</title>

<style type="text/css">

.demo{width:600px; margin:30px auto; color:#51555c}

.demo h3{height:32px; line-height:32px; font-size:18px}

.demo h3 span{float:right; font-size:32px; font-family:Georgia,serif; color:#ccc;

overflow:hidden}

.demo textarea{width:600px;height:50px;}

</style>

<script src="tabIndent.js"></script>

</head>

<body>

<div class="demo">

<textarea name="saytxt" id="saytxt" class="tabIndent"></textarea>

<script>tabIndent.renderAll();</script>

</div>

</body>

</html>

weixin_34379433

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html---textarea初始化时就有个table空格以及tab键操作无效

1 初始化时就有一个tab空格这是由于&lt;textarea&gt;&lt;/textarea&gt;之间的内容不为空的原因，包含空格和换行，否则浏览器会觉得空格或者换行都是文本域的内容。因此书写时需将&lt;textarea&gt;&lt;/textarea&gt;紧靠在一起。2 tab键对textarea操作无效在textarea中使用tab键时是无效...
复制链接

扫一扫