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

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>

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

source insight 保存时删除多余空格，去除多余空格 space tab键
上传源码时最好把空格行去掉,以前介绍了使用notepad++,现在发现,习惯用source insight的人士也可以很easy的去掉了: Options->Perferences->Fi ...
KafkaProducer初始化时，是否会拉取集群元数据？
debug看一下: //核心行为:初始化时,直接调用Metadata组件的方法,从Broker上拉取1次集群元数据,每隔5min刷新一次 //在发送消息过程中,如果没找到某个Broker的元数据,也得 ...
KafkaProducer初始化时涉及到哪些核心组件？
执行以下代码: KafkaProducer<String,String> producer = new KafkaProducer<String,String>(props); ...
vue 项目初始化时，npm run dev报错解决方法
vue 项目初始化时,npm run dev报错解决方法参考文章: (1)vue 项目初始化时,npm run dev报错解决方法 (2)https://www.cnblogs.com/ruilin ...
LPC单片机IO口默认状态、复位状态、未初始化时输出高电平处理
众所周知,STM32当复位以后,gpio默认是高阻状态,也就是浮空输入. 由STM32切换到LPC1788,发现LPC的IO未初始化时输出高电平,初始化后才能拉低,这样和STM32的设计就不兼容了. ...
CString初始化时提示字符串太大
CString初始化时提示字符串太大 char*也会报一样的错,原因是转义字符 char* aaaa="d:\asdf\sadf"; 解决方法:改为右斜杠就行.
Android在初始化时弹出popwindow的方法
Android中在onCreate()时弹出popwindow,很多人都有过类似的需求吧,但是直接在onCreate()中调用popwindow的showAtLocation()方法是会报异常的,原因 ...
系统初始化时kernel_init在内核态创建和运行应用程序以完成系统初始化
系统初始化时kernel_init在内核态创建和运行应用程序以完成系统初始化. 内核刚刚启动时,只有内核态的代码,后来在init过程中,在内核态运行了一些初始化系统的程序,才产生了工作在用户空间的进 ...
electron-vue脚手架项目初始化时提示： Failed to download repo simulatedgreg/electron-vue: Response code Server E
场景 Electron中与Vue集成流程: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/106630153 在上面实现Elect ...

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

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

最新文章

热门文章