html之texteara

定义多行的文本输入控件，所有浏览器都支持，可容纳无限的文本，等宽的字体。

用css的height和width来设置其框框的大小是个很好的办法，其中的文本换行符为%OD/%OA（回车换行）

 

html5中的新属性：

form:文本区域所属的一个或多个表单

autofocus：页面加载后文本区域自动警得焦点

cols:文本区域的可见列数

rows:文本区域的可见行数

placeholder:文本区域可填入值的简短描述

maxlength:文本区域可输入的最大字数

wrap:提交表单时，文本区域中的文本如何换行

name:文本区域的名称

required:文本区域是必填的

readonly:文本区域是只读的

disabled:文本区域被禁用

 

1、刷新后自动获得焦点，文本框长度宽度设置：

<form id="sub">
    <textarea autofocus="autofocus" cols="20" rows="3"></textarea>
    <input type="submit" value="提交">
</form>

 

效果：

 

 2、刷新后自动获得焦，字数限制，文本提示

<form id="sub">
    <textarea autofocus="autofocus" placeholder="最多10个字" maxlength="10"></textarea>
    <input type="submit" value="提交">
</form>

效果图：

 

3、文本名称，必填，换行提示符

<form id="sub">
    <textarea name="texteara" wrap="hard" required="required"></textarea>
    <input type="submit" value="提交">
</form>

注意：只有设置了name属性，后台才能接到textarea文本

换行:

　　soft:提交到服务器中数据与文本框输入时一致

　　hard:将实现文本区内的自动换行，并以这种形式传送给服务器，要以用户在文本区内看到的效果传输给服务器，因为使用自动换行是非常有用的方法。

 

4、from属性

 代码示例：