前端转义字符，表格标签，以及表单标签小结

关注

原创最新推荐文章于 2026-03-11 00:10:32 发布 960 阅读 AI 写同款· GEO 优化 ›

【前端开发必知】HTML特殊字符转义及编码在 HTML 中，有一些特殊字符不可直接使用，需要使用转义字符或实体编码来表示。这是为了避免这些字符与 HTML 标签和语法产生冲突。同时，也是为了防范前端XSS。例如，有些特殊字符（如 < 和 >）作为HTML标签的一部分，要是没有被特殊处理可能被恶意XSS。HTML的特殊字符转义及编码在防范跨站脚本攻击（Cross-Site Scripting, XSS）方面起到关键作用。XSS是一种常见的安全漏洞，攻击者通过在受信任网站上插入恶意脚本，使其在用户浏览器中执行。阅读详情

转义字符：

< &lt

> &ge

注册商标:® &reg

空格 &nbsp

表格标签：

行标签： tr

表头标签： th(特点：自动居中，并且自动适当加粗)；

单元格（列）： td

表格标签：table

一个表格想要有效果：就必须有边框的属性；

border：边框（1px）；

align：当前表格在浏览器中的对其方式；

属性：left right center

width：表格的宽度；

height：表格的高度;

bgcolor：背景色；

rowspan：行合并；

从零span：列合并；

表单标签：

form两个重要的属性；

action：提交地址（可以使资源文件或者URL：统一资源定位符）；

method：提交方式：常用两种方式：post get；

文本输入框：<input type=text/>

注意事项：在表单标签中，name属性一定要指定，作为后台提交；

post和get的区别：

                            get方式提交:
    1)将用户的信息展示到了地址栏中(不安全)
   2)get方式提交,提交的文件大小有限制,不超过64kb

post提交方式:
1)post提交方式不会将用户的信息显示到地址栏中

2)该提交方式提交文件大小无限制!

举例：

            用户名:<input type="text" name="username" value="lilei" />

            密码:<input type="password" name="pwd" value="123456" />

            单项选择：

                    性别:<input type="radio" name="sex" value="男" />

                            <input type="radio" name="sex" value="女" />

            多选项：

                    <input type="checkbox"  name="hobby" value="吃鸡" />吃鸡
                    <input type="checkbox"  name="hobby" value="足球" />足球
                    <input type="checkbox"  name="hobby" value="听音乐" />听音乐

                    <input type="checkbox"  name="hobby" value="看电影" />看电影

            文本域标签：

                    自我描述:

                    <textarea name="text" rows="5" cols="20">xxxx</textarea>

            下拉菜单：

                    籍贯:
                    <select name="pro">
	                    <option value="请选择">请选择</option>
	                    <option value="西安">西安</option>
	                    <option value="宝鸡">宝鸡</option>
	                    <option value="咸阳">咸阳</option>
                    </select>

收录于