列表

1.有序列表

元素 作用介绍
<ol> 表示有序列表
<li> 表示列表中的项

(1)创建有序列表

代码 浏览器预览

<ol>

     <li>a</li>

     <li>a</li>

     <li>a</li>

</ol>

1.a

2.a

3.a

(2)<ol>元素属性:

属性名称 属性作用
Type 修改各列表项旁的编号类型
Reversed 降序排列

 

 

(3)Type支持的值:

说明 实例
1 十进制数(默认) 1,2,3,4,5
a 小写拉丁字母 a,b,c,d,e
A 大写拉丁字母 A,B,C,D,E
I 大写罗马字母 I,II,III,IV,V

HTML5+CSS笔记

2.无序列表

元素 作用介绍
ul 表示无序列表
li 表示列表中的项
代码 浏览器中的效果

<ul>

  <li>a</li>

  <li>a</li>

  <li>a</li>

  <li>a</li>

</ul>

  • a
  • a
  • a
  • a

关键表单

元素 作用介绍
Form 用于为用户输入创建HTML表单
Input 用于搜索用户信息

(1)Form元素属性

属性 作用介绍
Method 用于发送form-data的http方法
Action 当用户提交表单时向何处发送表单数据

(2)Input元素属性      

属性 作用介绍
Type input元素的类型
Value input元素 的值
Input属性多达29种之多

HTML5+CSS笔记

Password型input元素(输入密码的单行文本框)

格式:<input type="password">,属性同text型input属性。注:密码虽然人为不可见,但实际上是以明文传输到服务器的!

Textarea元素(多行文本框)

属性 作用介绍
同Text型Input属性(单行文本框)
Rows 增加文本框的宽度
Cols 增加文本框的长度

注意:不同浏览器多行文本框显示的方式不同,要综合考虑

按钮

HTML5+CSS笔记

HTML5+CSS笔记

HTML5+CSS笔记

HTML5+CSS笔记

HTML5+CSS笔记

HTML5+CSS笔记

HTML5+CSS笔记

HTML5+CSS笔记

HTML5+CSS笔记

HTML5+CSS笔记

HTML5+CSS笔记

HTML5+CSS笔记

HTML5+CSS笔记

HTML5+CSS笔记

HTML5+CSS笔记

HTML5+CSS笔记

 

 

 

 

 

 

 

相关文章:

  • 2021-11-30
  • 2021-12-02
  • 2021-12-19
  • 2021-12-06
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-11-23
猜你喜欢
  • 2021-07-02
  • 2021-06-07
  • 2022-12-23
  • 2021-09-09
  • 2021-11-29
  • 2021-06-16
  • 2021-08-28
相关资源
相似解决方案