怎么建立一个网站平台高考加油,系统推广公司,优礼品网站模板,深圳的深圳的网站建设公司https://blog.csdn.net/hanhanwanghaha宝藏女孩 欢迎您的关注#xff01; 欢迎关注微信公众号#xff1a;宝藏女孩的成长日记 如有转载#xff0c;请注明出处#xff08;如不注明#xff0c;盗者必究#xff09; 目录html如何制作一个漂亮的表格#xff1f;列表制作表单… https://blog.csdn.net/hanhanwanghaha宝藏女孩 欢迎您的关注 欢迎关注微信公众号宝藏女孩的成长日记 如有转载请注明出处如不注明盗者必究 目录html如何制作一个漂亮的表格列表制作表单制作表单制作是重点哈哈哈压轴出场html如何制作一个漂亮的表格
html如何制作一个漂亮的表格直接上代码拿去运行一下就知道啦
!DOCTYPE html
htmlheadmeta charsetUTF-8title/titlestyle typetext/csstable{border-collapse: collapse;/*让靠在一起的单元格只显示一个边框边框不进行叠加*/}table tr th{border: solid 1px #ccc;height: 30px;width: 200px;background-color: #eee;}table tr td{border: solid 1px #ccc;height: 30px;text-align: center;}table tr:hover{background-color: red;/*hover:鼠标移上去就会变成红色*/}/style/headbodytable border0 cellspacing0 cellpadding0trth生日年份/thth姓名/thth年龄/thth种类/th/trtrtd2005/tdtd嘎嘎/tdtd1/tdtd鸭子/td/trtrtd2000/tdtd黄儿/tdtd15/tdtd狗狗/td/trtrtd2005/tdtd黑儿/tdtd3/tdtd狗狗/td/trtrtd2008/tdtd喵喵/tdtd1/tdtd小猫/td/trtrtd2004/tdtd财财/tdtd2/tdtd狗狗/td/trtrtd2018/tdtd多比/tdtd50/tdtd精灵/td/tr/table /body
/html
运行结果 列表制作
列表分为有序列表无序列表自定义列表
无序列表ul有序列表ol自定义列表dl dt dd
上代码来实操就知道怎么用了
!DOCTYPE html
htmlheadmeta charsetUTF-8title/title/headbody!--无序列表--ulli从前从前有个人爱你很久但偏偏风渐渐把距离吹得好远好不容易又能再多爱一天但故事的最后你好像还是说了拜拜。/lili从前从前有个人爱你很久但偏偏风渐渐把距离吹得好远好不容易又能再多爱一天但故事的最后你好像还是说了拜拜。/lili从前从前有个人爱你很久但偏偏风渐渐把距离吹得好远好不容易又能再多爱一天但故事的最后你好像还是说了拜拜。/lili从前从前有个人爱你很久但偏偏风渐渐把距离吹得好远好不容易又能再多爱一天但故事的最后你好像还是说了拜拜。/lili从前从前有个人爱你很久但偏偏风渐渐把距离吹得好远好不容易又能再多爱一天但故事的最后你好像还是说了拜拜。/li/ul!--有序列表--olli从前从前有个人爱你很久但偏偏风渐渐把距离吹得好远好不容易又能再多爱一天但故事的最后你好像还是说了拜拜。/lili从前从前有个人爱你很久但偏偏风渐渐把距离吹得好远好不容易又能再多爱一天但故事的最后你好像还是说了拜拜。/lili从前从前有个人爱你很久但偏偏风渐渐把距离吹得好远好不容易又能再多爱一天但故事的最后你好像还是说了拜拜。/lili从前从前有个人爱你很久但偏偏风渐渐把距离吹得好远好不容易又能再多爱一天但故事的最后你好像还是说了拜拜。/lili从前从前有个人爱你很久但偏偏风渐渐把距离吹得好远好不容易又能再多爱一天但故事的最后你好像还是说了拜拜。/li/oldldt《一路向北》/dtdd我一路向北离开有你的季节/dd/dl/body
/html
运行结果 表单制作
表单的作用就是用来给后端提交数据跟后端进行数据交互。表单内容都放在一个form标签内。表单给后端提交数据有两种方式a、普通的submit按钮提交要求表单中必须要有一个按钮且type必须是submit。b、通过ajax的方式给后端提交数据.(jsp学完就明白了)form元素中的action表示把数据提交给谁这儿写处理请求的地址.前端给后端提交数据的方式post和get.提交数据要给表单元素添加name属性根据name属性来提交数据。如果action为空的默认提交给自己如果action有地址就提交到对应的地址。提交数据的格式 -表单制作.html?tel123456789usernameadmin如果是get方式提交提交的参数会显示在url地址栏前提是满足第6点如果是post提交就不会在地址栏显示数据。如果是post提交,如果我们在调试窗口中检查http请求其实是可以看到数据的。比如说我运行下面这段代码
代码走
!DOCTYPE html
htmlheadmeta charsetUTF-8title/title/headbodyform action methodpostcolorinput typecolor namecolor id value /br/dateinput typedate name id value /br/datetimeinput typedatetime name id value /br/datetime-localinput typedatetime-local name id value /br/emailinput typeemail name id value /br/monthinput typemonth name id value /br/numberinput typenumber name id value /br/rangeinput typerange name id value /br/searchinput typesearch name id value /br/telinput typetel nametel id value /br/timeinput typetime name id value /br/urlinput typeurl name id value /br/weekinput typeweek name id value /br/textinput typetext nametext id value /br/passwordinput typepassword namepassword id value /br/input typesubmit value提交//form/body
/html
运行结果
输入tel和password点击提交用get的话就会显示我所填的信息而post在网址栏处没有显示但是我们可以用检查来查看用户填写的电话号码和密码
步骤 在还没有填写密码的时候右键点击检查点击Network 输入密码之后点击提交会自动出现一条数据——》点击这条红色的数据 然后在Headers下滑就可看到刚刚我们提交的数据就算是密码也不例外 以前老师总是教的post比较安全我也是最近才知道post提交其实也可以看见密码的涨知识一起涨知识吧 https://blog.csdn.net/hanhanwanghaha宝藏女孩 欢迎您的关注 欢迎关注微信公众号宝藏女孩的成长日记 如有转载请注明出处如不注明盗者必究