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代码显示:

1.1图片显示:

法二订正:

1.2代码显示:

1.2图片显示:

改变世界,从点滴做起!