html 中textarea完整用法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html 中textarea完整用法相关的知识,希望对你有一定的参考价值。

html中的标签textarea的属性及用法:


1、cols,垂直列。在没有做样式表设置的情况下,它表示一行中可容纳下的字节数。例如cols=60,表示一行中最多可容纳60个字节,也就是30个汉字。另外要注意的是,文本框的宽度就是通过这个来调整,输入好cols的数值,然后再定义输入文字字体的大小(不定义的话,会采用默认值),那么文本框的宽度就确定了。 


2、rows,水平列。表示可显示的行数,例如rows=10,表示可显示10行。超过10行,则需要拖动滚动条来浏览了。

3、name,文本框的名称,这项必不可省,因为存储文本的时候必须用到。 


4、warp,当warp="off"表示该文本区域中不自动换行,当然不写默认是自动换行的。这个参数一般用得比较少。



5、style,这是个非常实用的参数,可以用来设置文本框的背景色,滚动条颜色及形式,边框色,输入字体的大小颜色等等。 



6、class,一般用来调用外部css里边的设置。 

参考技术A textarea 标签 -- 代表HTML表单多行输入域
textarea标签是成对出现的,以<textarea>开始,以</textarea>结束
引用网址:http://www.dreamdu.com/xhtml/tag_textarea/
属性:
Common -- 一般属性
cols -- 多行输入域的列数
rows -- 多行输入域的行数
accesskey -- 表单的快捷键访问方式
disabled -- 输入域无法获得焦点,无法选择,以灰色显示,在表单中不起任何作用
readonly -- 输入域可以选择,但是无法修改
tabindex -- 输入域,使用"tab"键的遍历顺序
示例
<form id="dreamduform" action="dreamdu.php" method="post">
<label for="contactus">联系我们</label>
<textarea cols="50" rows="10" id="contactus" name="contactus">可爱的猴子</textarea>
</form>
参考技术B 多行输入框(textarea)
多行输入框(textarea)主要用于输入较长的文本信息。例句如下:

<textarea name="yoursuggest" cols ="50" rows = "3"></textarea>
其中cols表示textarea的宽度,rows表示textarea的高度。本回答被提问者采纳

使用 Selenium 在 textArea 中输入完整的 html

【中文标题】使用 Selenium 在 textArea 中输入完整的 html【英文标题】:Input full html in textArea using Selenium 【发布时间】:2019-08-23 20:22:23 【问题描述】:

我有一个文本区域,我需要在那里输入完整的 HTML。

在 BDD 中,我将传递文件的路径,但我不知道如何捕获完整的 HTML(带标签)以通过 SendKeys 应用到 Textarea。

我正在使用 Specflow + Selenium + C#

Scenario Outline: Input Disclaimer Filme
  Given I choose the type of disclaymer <type>
  When I open the html file <file>
  Then I send then 

  Examples:
    | type               | file                                  | 
    |    "Cota Capital"  |   "C:\Disclaimers\CotaCapital.html"   |    
    |    "Caucionamento" |   "C:\Disclaimers\Caucionamento.html" |   

方法内部:

driver.FindElement(By.Id("TxtConteudo")).SendKeys(fullHtml);

我想打开文件,读取所有 html,将其保存在某个 var / string 中,然后将其传递给 textArea。

【问题讨论】:

【参考方案1】:

只需阅读内容,然后在您的步骤定义中将其传递到文本区域。

string fullHtml = File.ReadAllText(file);
char tab = '\u0009';
fullHtml = fullHtml.Replace(tab.ToString(), "");
driver.FindElement(By.Id("TxtConteudo")).SendKeys(fullHtml);

【讨论】:

它几乎可以工作。此代码仅在 textarea 中打印 html 的第一行。我试过 fullHtml.Replace("\n", "");不成功 需要做的:char tab = '\u0009'; fullHtml = fullHtml.Replace(tab.ToString(), "");它有效!

以上是关于html 中textarea完整用法的主要内容,如果未能解决你的问题,请参考以下文章

尝试在 textarea 控件中显示 HTML 文本

HTML网页1次尝试-准备工作

textarea标签输出内容时不能顶格(左对齐)输出

html--整站制作

使用 Selenium 在 textArea 中输入完整的 html

vue使用textare如何正确统计输入字符个数