欢迎访问 生活随笔！
TAG聚合

生活随笔

当前位置： 首页 > 前端技术 > HTML >内容正文

HTML

如何设置好看的form表单样式_HTML表格表单

发布时间：2024/8/1 HTML 50 豆豆
生活随笔 收集整理的这篇文章主要介绍了 如何设置好看的form表单样式_HTML表格表单 小编觉得挺不错的,现在分享给大家,帮大家做个参考.
https://www.zhihu.com/video/1243668780129435648

每日测验

"""

答案

1. ascii:8位一个字节,1个字节表示一个字符.即: 2 ** 8 = 256,所以ASCII码最多只能表示256个字符.只有英文和一些符号 unicode：俗称万国码,把所有的语言统一到一个编码里.解决了ascii码的限制以及乱码的问题.unicode码一般是用两个字节表示一个字符,特别生僻的用四个字节表示一个字符. utf-8：它是一个"可变长的编码方式",如果是英文字符,则采用ascii编码,占用一个字节.如果是常用汉字,就占用三个字节,如果是生僻的字就占用4~6个字节. gbk：国内版本,一个中文字符 == 两个字节 英文是一个字节2.Ⅰ：m,n = n,m Ⅱ： x = m m = n n = x3.浅拷贝（shallow copy）：只复制指向某个对象的指针，而不复制对象本身，新旧对象共享一块内存；深拷贝（deep copy）：复制并创建一个一摸一样的对象，不共享内存，修改新对象，旧对象保持不变。4.HTTP协议： 基于TCP/IP协议作用于应用层的协议，基于请求响应，无状态无连接的协议5.<h1> <p> <div> <span> <b> <s> <i> <u> <img> <a> <table> <form> <select> <input>

昨日内容回顾

  • Web的本质
浏览器 服务端 文件(html文件)
  • HTTP协议
HTTP协议的由来(sql语句由来)浏览器只有一个如何兼容N多个服务端# 四大特性1 基于请求响应2 基于TCP/IP作用于应用层之上的协议3 无状态无论来多少次 都待你如初见如何做到保存用户状态？？？cookie、session、token4 无/短链接请求来我响应你 之后就没有联系了长链接:websocket(群聊功能、服务端主动给客户端发送消息)# 请求数据格式请求首行(HTTP协议的版本，当前请求方式)请求头(一大堆k，v键值对)请求体(并不是所有的请求方式都有请求体,get没有post有)# 响应数据格式响应首行(HTTP协议的版本，响应状态码)响应头(一大堆k，v键值对)响应体(浏览器展示给用户看的内容)# URL统一资源定位符 类似于坐标 # 请求方式1.get请求朝别人要数据(也是可以携带参数的，只不过参数不是放在请求体里面的,而是直接放在url的后面)url?username=jason&password=1232.post请求朝别人提交数据# 响应状态码 # 用简短的数字来表示一大串提示性信息 1XX:服务端已经成功接收到了你的数据 正在处理你可以继续提交 2XX:请求成功(200 OK) 3XX:重定向(你想访问A页面但是给你调到了B页面) 4XX:请求错误(404请求资源不存在、403请求不符合条件) 5XX:服务端内部错误(500) ps:上述的状态码是HTTP协议规定的，其实到了公司之后每个公司还会自己定制自己的状态及提示信息公司A1000:1001:1002:公司B2001:2002:2003:...
  • HTML
超文本标记语言(你在学习它的时候只需要记忆每个标签表示什么意思即可) 书写网页的一套标准除了HTML可以书写前端页面之外还有XML也可以书写前端页面 odoo框架内部的前端页面全部是用XML书写公司内部管理软件 ERP# 注释 <!--注释--># 文档结构 <html><head></head>：都不是给用户看的 主要是给浏览器看的一些配置信息<body></body>：body书写的所有的内容 都是给用户看的 </html>
  • head内常用标签
  • body内基本标签
h1～h6 标题标签 p段落标签 u i b s hr br# 特殊符号 空格 &nbsp; 大于 &gt; 小于 &lt; &amp; &reg; &copy; &yen;

# 特殊符号 空格 大于 > 小于 < & ® © ¥ ```

  • 常用标签
div：网页初期划定区域范围 span：划定文本的# a标签链接标签<a href='' target=''></a>href1.可以放一个url点击自动跳转2.还可以放其他标签的id值 锚点功能target控制是否在当前页跳转_self_blank # img标签图片标签<img src='' alt='' title='' height='' width=''/>src1.可以放图片的路径 本地或者线上2.还可以放一个url 会自动朝该url提交get请求获取图片数据展示(暂时不考虑)alt图片加载不出来的时候 展示的提示信息title鼠标悬浮在图片上之后展示的提醒信息height、width单独调整某一个 另外一个会自动等比例缩放如果两个都调整了 可能会出现图片的失真# 标签一般情况下都需要有两个重要的属性id值唯一标示 同一个页面不能有重复 class值 类似于类的继承 可以有多个
  • 标签的分类
分类1:双标签<h1></h1>单标签<img/>分类2:块儿级标签:独占一行 可以设置长宽div p注意：块儿级标签内部可以嵌套任意的行内标签和块儿级标签但是p标签只能嵌套行内标签行内标签:自身文本多大就占多大 不能设置长宽span a imgPS：上述的规定只是HTML书写规范 如果你不遵循 不会报错浏览器会自动帮你解除嵌套关系
  • 列表标签
ulli 页面上只要是带有规则的排序文字 一般用的都是无序列表 olli 有序列表dldtdd 标题列表

今日内容概要

  • 表格标签(只要是展示数据 一般都可以使用表格标签)
  • 表单标签(重要:获取前端用户数据发送给后端)
  • 偷窥一下后端框架的基本使用(flask)
  • css层贴样式表(选择器)

表格标签

id

表单标签

# 能够获取前端用户数据(用户输入的、用户选择、用户上传...)基于网络发送给后端服务器

验证form表单提交数据

# 接下来的框架代码无需掌握 看一下效果即可

总结

1.

作业

今日作业

总结

以上是生活随笔为你收集整理的如何设置好看的form表单样式_HTML表格表单的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。