列表和表单的学习
来源:互联网 发布:刘雨晴淘宝店东西假吗 编辑:程序博客网 时间:2024/06/04 00:37
今天学习了列表标签和表单,其中的分类有许多。例如:列表标签其中就包括有序和无序列表,自定义列表和列表的嵌套。表单的分类也很多,但很详细,可以让人可以很容易理解,其中包括表单、文本框/密码框、单选/多选按钮、提交/重置按钮等等。
现在就上面这些方面来一一的了解一下:
一、列表标签
1、有序列表(ordered list):是指各条列之间是有顺序的,可以是数字,字母(大小写都可以),还可以是罗马数字(大小写罗马数字)。有序列表用<ol>标签来表示,其中各条列之间用<li>来表示。还有type来改变属性,有start属性指定序号是从第几个开始。如:
<oltype=”1” start=”11”>
<li>美食</li>
<li>动漫</li>
<li>图书</li>
</ol>
2、无序列表(unordered list):是指各条列之间并无顺序的关系,只是使用条列的方式呈现。无序列表使用<ul>标签来创建,各条列之间也是用<li>来表示,也有type属性来改变无序列表的符号,其中取值有:disc(实心圆,是默认值)、square(实心的小正方形)、circle(空心圆)。如:
<ultype=”disc/square/circle”>
<il>水杯</li>
<il>水壶</li>
<il>水桶</li>
</ul>
3、自定义列表(definition list):用于对列表进行说明,从<dl>开始,列表条目用<dt>引导,用<dd>来说明。如:
<dl>
<dt>风景</dt>
<dd>浓密的树叶在伸展开去的枝条上微微蠕动,却隐藏不住那累累的硕果。看得见在那树丛里还有偶尔闪光的露珠,就像在雾夜中耀眼的星星一样。</dd>
</<dl>
4、列表的嵌套
各种列表是可以互相嵌套的,每多嵌套一层,列表条目的输出就会有更大的缩进。
二、表单
1、表单:用于用户收集并填写信息然后提交到后台服务器中。用<form></form>,form其中有两个属性:action,method,它们分别是指定提交的地址和提交的方式的。如:
<formaction=”#” method=”get/post”></form>
2、文本框和密码框
用户名:<inputtype=”text” name=”username” size=”15”>
密码:<inputtype=”password” name=”passowrd” size=”15” maxlength=”6”>
3、单选按钮:选择时只能选择一个选项,按钮应具有相同的名称。元素radio来创建单选按钮。如:
<inputtype=”radio” name=”sex” value=”male”>女
<inputtype=”radio” name=”sex” value=”female”>男
4、多选按钮:checkbox用于创建多选框,可以有多个选择,选择多选时,会将一个name/value对与form一起提交。Checked属性可以设置选框被选中。如:
请选择你的兴趣爱好:
<inputtype=”checkbox” checked>看书
<inputtype=”checkbox”>看电影
<inputtype=”checkbox” checked>运动
<inputtype=”checkbox”>上网
5、提交按钮:用submit元素创建提交按钮,点击时,表单会提交到指定的提交地址。如:
<inputtype=”submit” value=”提交”>
6、重置按钮:用reset来创建重置按钮,当点击后,表单中所有的元素回复到原先的初始值。如:
<inputtype=”reset” value=”重置”>
7、普通按钮:点击之后没有任何的反应,用button元素。如:
<inputtype=”button” value=”登录”>
8、图片按钮:可以添加图片,用image元素。如:
<inputtype=”image” src=”图片.jpg” alt=”登录”>
- 列表和表单的学习
- HTML学习笔记5:列表和表单
- 一步步学习微软InfoPath2010和SP2010--第四章节--处理SP列表表单(6)--列表表单的局限
- bootstrap的选择列表和表单
- html的列表标签和表单
- HTML&CSS基础学习笔记1.23-表单的文本域和下拉列表
- HTML&CSS基础学习笔记1.23-表单的文本域和下拉列表
- 一步步学习微软InfoPath2010和SP2010--第四章节--处理SP列表表单(2)--列表表单布局
- 一步步学习微软InfoPath2010和SP2010--第四章节--处理SP列表表单(3)--列表表单域
- 一步步学习微软InfoPath2010和SP2010--第四章节--处理SP列表表单(5)--列表表单页面
- 一步步学习微软InfoPath2010和SP2010--第十章节--与SharePoint Designer工作流的InfoPath集成(5)--外部列表表单
- HTML列表和表单标签
- HTML学习(5)列表、块、表单
- 一步步学习微软InfoPath2010和SP2010--第四章节--处理SP列表表单(1)--SP列表基础
- 一步步学习微软InfoPath2010和SP2010--第四章节--处理SP列表表单
- 一步步学习微软InfoPath2010和SP2010--第四章节--处理SP列表表单(7)--窗体选项
- 一步步学习微软InfoPath2010和SP2010--第四章节--处理SP列表表单(8)--关键点
- UAP生成列表 和表单视图
- easyAR unity3d识别拍照图片
- webstorm编程后预览网页需要绑定特定的浏览器
- vim 多窗口启动以及相互切换
- centos7 安装最新版mariadb10.1
- win7系统如何在没有外置键盘的情况下关闭小键盘
- 列表和表单的学习
- 【Unity学习笔记】——基础篇:Camera分屏
- Ubuntu12.04配置NVIDIA cuda5.5经验帖
- UnityShader入门精要学习笔记(十):透明效果-上部分
- Eacache缓存+缓存的过期时间
- 记第一次使用maven3.2 jstl1.2时包找不到和包冲突的解决
- 开博
- CSS笔记(布局与定位)
- 机器学习