web前端——HTML【textarea】标签错误整理

textarea标签实例展示:
[正确的代码]
1.代码展示

<textarea rows="5" cols="50">
这是5行50列的多行文本框!
</textarea>

2.图片显示

[错误的代码]
1.代码显示

<
textarea name="textarea" rows="5" cols="50"></textarea
>

2.图片显示

3.代码对比
3.1 记事本源代码显示效果:

3.2 Chrome浏览器源代码显示效果:

解决方法:

法一:

利用QQ聊天工具,打开QQ信息输入框,把错误代码复制进去可以显示出错误的效果,改成正常标记即可.
1.1代码显示:

<
textarea name="textarea" rows="5" cols="50"></textarea
>

1.1图片显示:

法二:
利用Windows office办公软件,打开Word新建空白文档,把错误代码复制进去可以显示出错误的效果,改成正常标记即可.
1.2代码显示:

<
textarea name="textarea" rows="5" cols="50"></textarea
>

1.2图片显示:

订正:

法一订正:
1.1代码显示:

<textarea name="textarea" rows="5" cols="50"></textarea>

1.1图片显示:

法二订正:
1.2代码显示:

<textarea name="textarea" rows="5" cols="50"></textarea>

1.2图片显示:

改变世界,从点滴做起!