day：19 html实战3

news/2025/3/12 17:54:52/文章来源:https://www.cnblogs.com/junting/p/18768129

一、表单标签

一、表单单词介绍：

表单标签格式：form
action：开始网址
method：get和post等等

表单标签：主要用来收集用户输入信息如：登入、注册、搜索商品等

用户名格式：text （明文）
密码格式：password （密文）
性别：radio 性别格式性别是单选，单选类型是radio，注意name要加上sex
复选框：checkbox
文本框：textarea
上传文件：file
下拉选择框：select

button：按钮
reset：重置
submit：提交

二、表单编写

截图：

代码

二、css层叠样式

一、层叠样式

（1）定义：css是一种用来表现html或xml等文件样式的计算机语言。
（2）css 不仅可以静态的修饰网页，还可以配合各种动态对网页元素进行格式化；
（3）层叠样式表有两种方法：

第一种：在head中加上style属性

代码：

案例：

a i

标题

![](https://img2024.cnblogs.com/blog/3603791/202503/3603791-20250312174750944-810687443.png)

第二种：通过外链方式

在css中新建一个css文件，在css文件中写内容

在使用link 通过外链方式实现

代码：

层叠样式</head> <body> 1 2 3 a i <h1>标题</h1> </body>![](https://img2024.cnblogs.com/blog/3603791/202503/3603791-20250312174953414-1745288507.png) ![](https://img2024.cnblogs.com/blog/3603791/202503/3603791-20250312174959322-1296867764.png)

（2）class选择器（.）

(3)标签选择器

比如：i 标签

（4）组合标签

（5）伪类选择器

层叠样式 </head> <body> 1 2 3 a i <h1>标题</h1> </body> </html> ![](https://img2024.cnblogs.com/blog/3603791/202503/3603791-20250312175127223-549265880.png)

三、层叠样式中的内容可以多样化