html中textarea的应用及普遍难题及实例剖析

textarea标识是大家常常应用的1个html标识,关键是在键入较长的文字时,能够完成换行等实际效果。下面引入1个他的基础应用:
textarea 标识 -- 意味着HTML表单多行键入域
textarea标识是成对出現的,以<textarea>刚开始,以</textarea>完毕
特性:
Common -- 1般特性
cols -- 多行键入域的列数
rows -- 多行键入域的行数
accesskey -- 表单的便捷键浏览方法
disabled -- 键入域没法得到聚焦点,没法挑选,以灰色显示信息,在表单中不起任何功效
readonly -- 键入域能够挑选,可是没法改动
tabindex -- 键入域,应用"tab"键的遍历次序
应用实例以下:
Html编码:

拷贝编码
编码以下:

<form id="textareaDem" action="#" method="post">
<textarea cols="50" rows="10" id="contactus" name="contactus">标识1行上的</textarea>
</form>

能够讲编码拷贝到当地检测1下。
难题来了,假如这两个<textarea></textarea>不在1行上,例如
分行写实际效果会不1样的编码

拷贝编码
编码以下:

<form id="textareaDemo" action="#" method="post">
<textarea>
这是textarea标识不在1行1行上的
看看实际效果会不1样的
</textarea>
</form>

会发现:1刚开始的编码显示信息的是左对齐显示信息的,而下1个呢,会垂直居中显示信息。因此在应用textarea时1定要留意,textarea标识里的文本是相对性textarea来讲的,textarea非常于出示了1个编写地区,这个地区是紧接着textarea刚开始的,即所谓的所见即所得吧。要是这两个标识不在1行是,这时候</textarea>前的空白也会被他鉴别为空白文本的,你会发现你的电脑鼠标编写指针不容易在文本最初或紧挨文本闪烁。因此好些好应用这个标识,遇到难题时了解从哪里下手处理。

说的有点儿乱,试验1小下就应当能了解了。呵呵 0_*