HTML第二天学习
来源:互联网 发布:自动切换窗口软件 编辑:程序博客网 时间:2024/05/21 13:54
**列表标签
3.1 无序列表
- :unordered list,定义一个无序列表
- :list item,定义一个列表项
type属性指定无序列表的符号,取值有:
disc:实心圆点
circle:空心圆
square:实心正方形
3.2 有序列表
- ordered list,有序列表,即列表项带有序号
- defind title 列表项的标题
- defind description 列表项的描述
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 列表项的标题
表单标签
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一样。**
- HTML学习第二天
- 学习HTML第二天
- HTML第二天学习
- 学习html5第二天--html
- Html+CSS 学习第二天
- HTML--学习笔记第二天
- Html+Css学习第二天
- html第二天的学习
- HTML第二天学习笔记
- 学习PHP第二天HELLO HTML
- 学习html的第二课
- HTML 5 学习第二课
- HTML第二节点学习笔记
- html学习之路——第二天(1)
- 小白学习HTML——第二天
- 2017/2/16 学习html的第二天
- HTML笔记第二天
- HTML第二天
- 第一场个人训练赛——F-第几天?(HDU 2005)
- 美团codeM预赛B 黑白树
- OSG渲染状态管理
- 设置了防火墙地址为什么还是连接不上去是因为wifi连接的缘故吗
- Ubuntu14.04安装cuda8.0+cudnn5.1+Tensorflow1.0.0(GPU)教程
- HTML第二天学习
- Linux系统中段错误的原因
- ajax+ashx返回值详解
- 第二场个人训练赛(水题合集)
- 机器学习_2之目标跟踪Camshift算法
- 【Hash】bzoj4337 BJOI2015树的同构
- log4j日志存储到数据库
- 好久好久与
- html5学习2017.07.07