textarea多文本输入框标签自带空格是怎么回事

前端 思享 418浏览

textarea标签是用来定义一个多行的文本输入控件,在文本输入域中可以输入任意长度的文本。但是今天我在使用的时候,发现输入框默认就带了好几个空格,虽然可以删除,但一刷新页面就是带有空格。

这到底是怎么回事呢?,于是在网上了解了一下。原来是textarea 标签之间有换行或空格导致的。

一般来说,我们为了看起来舒服,html格式化有时候会这样显示内容

<div class="class">
  <p>
    内容
  </p>
</div>

于是我便习惯了,但是当引用在textarea标签上 时,就会默认出现空格的情况,比如

<div class="class">
  <textarea>
    内容
  </textarea>
</div>

这个时候,我们删除换行或空格,改为如下就解决了

<div class="class">
  <textarea>内容</textarea>
</div>

推荐阅读

HTML是什么,网站优化该怎么优化HTML标签

对于SEO人员而言,我们几乎整日都在与HTML标签打交道,简单理解:HTML是被认为最容易学习的语言之一,它是一种超文本标记语言,它基于浏览器向用户输出一个网页的基本内容,包括:段落结构、字体、图像、超链接等。 网页如何使用HTML通常,HTML页面......

右侧固定宽度,左侧自适应两栏布局

最近修改了一个主题。原始主题的左侧是侧边栏,右侧是内容体。在代码中,侧栏代码放在主要内容之前。我的习惯是主要内容在左边,主要内容在前面,侧边栏在右边。于是我在网上搜了一下,找到了两种实现方式。一般来说,一种方法是使用cal()。我用的是这个,第二个是......

js实现内容超出一定高度后折叠 点击展开收起

200px以外的部分内容被隐藏,底部显示蒙版图层和查看全文按钮。类似的效果请见csdn的博客内容页。#渐变{宽度:100%;高度:50px位置:绝对;底部:0;左:0;背景:-moz-linear-gradient;背景:-WebKit-gradie......