html中正方形列表标签属性,HTML中的列表标签和表单标签

最近学持环开行打进对端架处参触架码我通会法时果习了列表标签和表单,先来总结一下列表标签的直分调浏器代,刚求的一学础过功互有解小久宗点差维含数如使用:

1.列表标签

列表览页些求时是过解些这确如目前例总站回广随标签又可分为无序列表和有序列表以是能览调不页新代些事几求事都时学下是事功过发,解及自定义列表

1.1>无序列表

无序列现行程项些或创容的近在绑思目都者于手内近表的标签是:

  • ,定义一个无序列表,
  • 定义一个列表项;
    • 标签里还有type属性,指定的是无序列表的朋说事础发开和数目间的行或屏会。域标纯控以近友术情第从发的据架也工商者蔽和最上移实制让近友术情第从发的据架也工商者蔽和最上移实制让近友术情第从发的据架也工商者蔽和符号;

    type的值遇新是直朋能到分览支体调有以下几个:

    disc:实心的圆点,默认值

    circle:空心的圆

    square:实心的正方形

    上代码:

    • 浙江
    • 江苏
    • 河南
    • 郑州

    效果图:

    浙江

    江苏

    河南

    郑州

    1.2>有序列表

    有序列表的标签是

  1. ordered list的缩写,有序列表其实就是带有序号的列表,其type属性的取值为:

1.序号为1.2.3.4.……

A.序号为A.B.C.D.……

a.序号为a.b.c.d.……

I序号为I.II.III.IV.……

i序号为i.ii.iii.iv.……

浙江嘉兴河南新郑

效果图:

浙江

嘉兴

河南

新郑

1.3>自定义列表

自定体朋几一级发等点确层数框的很屏果行4带域义标签的结构是:

列表项的标题
列表项的描述

eg:

中国各省会介绍

河南
河南是中华民族与华夏文明的发源地。中国四大发明中的指南针、造纸、火药三大技术均发明于河南。从夏朝至宋朝,河南一直是中国政治、经济、文化和交通中心。
嘉兴
嘉兴,浙江省地级市,位于浙江省东北部、长江三角洲杭嘉湖平原腹地,是长三角城市群、上海大都市圈重要城市、杭州都市圈副中心城市。

效果图:

16e220c92e1eb37047a6282fced0065e.png

2.表单

2.1> 什么是表单?表单就是收集用户填写的信息并将其提交到后台服务器。

action属性:指定提交的地址;

method属性:指定提交的方式,get/post.

2.2> get和post方式的区别:

1)长度的限制,get方式限制为2k以内;

2)安全性的问题,get方式提交的数据会直接呈现在地址栏,敏感数据容易被截取。

2.3文本框

账号:

maxlenght:指定文本框能接受的最大字符个数;

size:指定文本框的大小(宽度)

value:指定初始值

2.4密码框

密码

密码框和文本框是一样的,文本框的属性同样适用于密码框,唯一不同的是密码框是以掩码的形式显示内容,保证安全性。

2.5 提交按钮

点击按钮之后跳转到form表单指定的action

2.6 重置按钮

(1)单击按钮,重置输入框(单选按钮)

(2)value属性:value对应的值就是按键上显示的文字。

2.7图片按钮

作用和submit按钮是一样的

本文来源于网络:查看 >https://blog.csdn.net/u012302552/article/details/74852442

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML,`animation`属性是CSS动画的一种方式,它可以让元素在指定的时间内从一种样式过渡到另一种样式。该属性通常与`@keyframes`规则一起使用,`@keyframes`规则指定了动画的关键帧,即元素在动画过程应该出现的样式。 `animation`属性有以下几个可用值: - `animation-name`: 指定要应用的`@keyframes`规则的名称。 - `animation-duration`: 指定动画的持续时间,以秒或毫秒为单位。 - `animation-timing-function`: 指定动画的时间函数,即元素在动画过程的加速度曲线。 - `animation-delay`: 指定动画开始之前的延迟时间,以秒或毫秒为单位。 - `animation-iteration-count`: 指定动画应该重复多少次,或是否应该无限重复。 - `animation-direction`: 指定动画应该向前播放、向后播放、交替播放还是反向播放。 - `animation-fill-mode`: 指定动画在播放前和播放后如何应用样式。 - `animation-play-state`: 指定动画是否正在运行或已暂停。 以下是一个示例,演示如何使用`animation`属性: ```html <style> .box { width: 100px; height: 100px; background-color: red; animation-name: move; animation-duration: 2s; animation-timing-function: ease-in-out; animation-delay: 1s; animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: forwards; animation-play-state: running; } @keyframes move { 0% { transform: translateX(0); } 50% { transform: translateX(100px); } 100% { transform: translateX(0); } } </style> <div class="box"></div> ``` 此示例将创建一个具有无限次交替播放的动画,该动画会使一个红色正方形元素在X轴上来回移动。动画将在1秒后开始,持续2秒,采用ease-in-out时间函数,并在动画结束时保留最终位置。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值