html中的列表和表单元素

web.jpeg

列表

无序列表ul

  • 无序列表:用来表示一个列表的语义,并且每一个项目和项目之间是不分先后的
  • ul: unordered list 无序列表
  • li: list item 列表项
  • 无序列表是一组标签
  • li 标签是容器级标签,可以嵌套任何标签
  

中国的城市

  • 北京
  • 上海
  • 深圳
  • 广州
  • 郑州
ul的作用,并不是给文字增加小圆点的,而是增加无序列表的“语义”的
无序列表.jpeg

有序列表

  • 有序列表
 
  1. 我爱你中国
  2. 月亮
  3. 中国风
  4. 歌曲
  5. 问月
无序列表.jpg

自定义列表

  • 定义列表也是一组标签
  • dl 表示definition list 定义列表
  • dt表示definition title 定义标题
  • dd表示definition description 定义表述词儿,就是对标题的描述 dt
    • dt的解释描述,可以是多个dd

北京
国家首都,政治文化中心
上海
经济发展中心
深圳
经济特区
郑州
中原经济
  • 多个dddt标题的描述

自定义列表

关于掠食龙
了解掠食龙
加入掠食龙
联系我们

比较常用的就是uldl列表

form表单域

  • 常用的属性

form是一个表单的区域,在网页上是不可见的,在网页上显示的事 表单元素
action:对应的值是URL,提交表单到何处
method:post和get,设置表单一何种方式提交到服务器
1.get:一般是获取数据,保密性较差
2.post:一般用于提交数据,作为请求体的部分提交到服务器
name:表单的名称
target:对应的值_blank,_self,_parent,_top,在何处打开action URL
enctype:application/x-www-form-urlencoded,text/plain,multipart/form-data ,在发送表单数据之前指定的编码方式

表单控件
  • type对应的类型,决定这个控件是什么
  • 输入框text

name是控件的名称,在提交表单到服务器的时候会用到
placeholder 暂未属性


  • password密码框

  • email 邮箱

  • file文件域

multiple 属性可以选择多个文件


  • radio单选框

name属性是控件的名称,同时也是保持 单选框的唯一性
checked默认选中的状态

 保密
  • checkbox多选框
 读书 
 学习
 代码
  • select下拉列表

selected默认中的
multiple属性多选
size属性 是在界面上显示几个

 

也可以是分组 optgroup

 
    

  • image 图像域按钮
  
  
  • hidden 隐藏域


  • textarea 文本域
 

label标签和input控件结合使用,在点击文字的时候,称为第一响应者
for属性 和 input的id绑定

  
image.png
 

注册信息


姓名:
邮箱:
密码:
上传照片:
性别: 保密
爱好: 读书 学习 代码
城市:

form表单域里面 使用了table 主要是设计到大量的数据处理 方便

WX20190708-112042.png

你可能感兴趣的:(html中的列表和表单元素)