HTML中textarea标签的用途详解
发布时间:09/01 来源:未知 浏览:
关键词:
我们先来简便看一下input标签和textarea标签之间的不同
通过将type属性设定为text ,input标签可以获得与textarea标签相似的结果。
但是,使用input标签只能输入一行文本,假如你想输入多行文本,我们可以使用textarea标签。
怎样使用textarea标签?
我们可以使用textarea标签指定行数和列数
代码如下
<html> <form action="/form.php" method="post"> <div> <label for="message">内容</label> <textarea id="message" name="message" cols="50" rows="10"></textarea> </div> <input type="submit" value="发送"> </form> </html>
运转结果如下
在textarea标签中,大小离别在cols属性(水平标的目的)和rows属性(垂直标的目的)中肯定。
肯定最大字符数
示例代码如下
<html> <form action="/form.php" method="post"> <div> <label for="message">内容</label> <textarea id="message" name="message" cols="50" rows="10" maxlength="20"></textarea> </div> <input type="submit" value="发送"> </form> </html>
运转结果如下
在这种状况下,除了上面的代码之外,还使用maxlength属性设定了最大字符数。
最后我们也可以设定textarea标签,使其没法更换预先写入的文本
代码如下
<html> <form action="/form.php" method="post"> <div> <label for="message">内容</label> <textarea id="message" name="message" cols="50" rows="10" maxlength="20" readonly>这有这个内容</textarea> </div> <input type="submit" value="发送"> </form> </html>
运转结果如下
在这种状况下,通过设定 readonly属性,我将其设定为不克不及更换已增加的内容。
以上就是本篇文章的全部内容了,更多出色内容大家可以关注百分百源码网的相关栏目教程!!!
以上就是HTML中textarea标签的用途详解的具体内容,更多请关注百分百源码网其它相关文章!