HTML第二天学习

来源:互联网 发布:自动切换窗口软件 编辑:程序博客网 时间:2024/05/21 13:54

**列表标签
3.1 无序列表

    :unordered list,定义一个无序列表
  • :list item,定义一个列表项
    type属性指定无序列表的符号,取值有:
    disc:实心圆点
    circle:空心圆
    square:实心正方形
    3.2 有序列表
      ordered list,有序列表,即列表项带有序号
      type属性指定序号的类型,其取值:
      1:序号为1.2.3……,默认值
      A:序号为A.B.C……;
      a:序号为a.b.c……;
      I:序号为I.II.III.IV……;
      i:序号为i.ii.iii.iv……;
      start属性指定从第几个开始,当取值为0或负数时,就会从负数到0,再到type属性指定的类型。
      3.4 自定义列表
      defind list 定义一个自定义列表
      defind title 列表项的标题
      defind description 列表项的描述

表单标签
4.1表单
什么是表单?收集用户填写的信息并提交到后台服务器。

action属性:指定提交的地址
method属性:指定提交的方式,get/post
get和post方式的区别
(1)长度的限制:get限制为2k以内
(2)安全性:get方式提交的数据会直接呈现在地址栏,敏感数据容易被截获。
4.2 文本框

maxlength:指定文本框能接受的最大字符个数
size:指定文本框的大小(宽度)
value:指定初始值
4.3 密码框

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


4.5 单选按钮



如果需要将若干个单选按钮编为一组(一组最多只有一个被选中),需要设置相同的name属性。
如果需要默认选中某个选项,需加上checked属性
标签属性的表现形式:
(1)键值对:属性名=“属性值”
type=“text”,maxlength=“6”
(2)一些取值为布尔类型的属性直接使用属性名
checked、readonly
4.6 多选按钮
你的兴趣爱好是:





4.7 提交按钮

(1)点击按钮之后跳转到from表单指定的Action
(2)value属性:value对应的值就是按钮上显示的文字
(3)点击按钮,将from表单中的input中name属性值(键)和用户输入的组成键值对(或input标签value属性对应的值),并拼接到from表单Action属性值的后面
http://localhost:63342/HTML/chapter4/result.html?name=huadian&password=123456
http://localhost:63342/HTML/chapter4/result.html?name=huadian&password=123456&sex=1
4.8 重置按钮

(1)点击按钮,重置表单内部的输入框(单选复选按钮)
(2)value属性:value对应的值就是按钮上显示的文字
4.9 普通按钮

(1)点击按钮。没有任何反应
(2)value属性:value对应的值就是按钮上显示的文字
4.10 图片按钮

(1)作用和submit按钮是一样的
(2)需要设置src属性的值,如果src对应的路径没有找到图片,并且又没有设置alt属性,按钮显示默认值“提交”,如果设置了alt属性则显示alt的值。(类似img标签)
4.11 标签
(1)内容可以是任意资源(eg:图片,段落,视频)
(2)当button标签放置在from内部,作用的submit一样。**

原创粉丝点击