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

最新推荐文章于 2024-08-15 11:58:19 发布

Future_LL

最新推荐文章于 2024-08-15 11:58:19 发布

阅读量865

点赞数

分类专栏：前端文章标签：前端的基本知识表单标签表格标签转义字符

本文链接：https://blog.csdn.net/Future_LL/article/details/79790839

版权

前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

转义字符：

< &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>