列表和表单的学习

今天学习了列表标签和表单，其中的分类有许多。例如：列表标签其中就包括有序和无序列表，自定义列表和列表的嵌套。表单的分类也很多，但很详细，可以让人可以很容易理解，其中包括表单、文本框/密码框、单选/多选按钮、提交/重置按钮等等。

现在就上面这些方面来一一的了解一下：

一、列表标签

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=”登录”>