HTML入门笔记，第四天

列表标签

1.无序列表

<ul></ul>标签表示无序列表

<li></li>标签为列表项

<ul></ul>中只能嵌套<li></li>，直接在<ul></ul>标签中输入其他标签或文字不被允许

但可以在<li></li>标签里写其他标签或文字。

2.有序列表

<ol></ol>表示有序列表

<ol></ol>中只能嵌套<li></li>，直接在<ol></ol>标签中输入其他标签或文字不被允许

3.自定义列表

<dl></dl>用于定义描述列表

<dt>名词</dt>

<dd>名词解释</dd>

<dl></dl>中只能包含<dt><dd>

    <ul>
        <li>榴莲</li>
        <li>西瓜</li>
        <li>苹果</li>
        <li>香蕉</li>
    </ul>
    <ol>
        <li>张三</li>
        <li>lisi</li>
        <li>wangwu</li>
    </ol>
    <dl>
        <dt>关注我们</dt>
        <dd>新浪微博</dd>
        <dd>官方微信</dd>
        <dd>联系我们</dd>

    </dl>

表单标签

使用表单目的是为了收集用户信息

表单通常由表单域、表单控件（表单元素）、提示信息组成

1.表单域

<form>标签表示表单域，属性有<action><method><name>，学习服务器编程会讲这些属性

2.表单控件

input输入表单元素

select下拉表单元素

textarea文本域元素

强调input<input type="属性值" />

type的值：

button定义可点击按钮

CheckBox定义复选框 

file定义输入字段和“浏览”按钮

hidden定义隐藏的输入字段

image定义图像形式的提交按钮

password定义密码字段，字符被掩码

radio定义单选按钮

reset定义重置按钮，清除表单数据

submit定义提交按钮，可以把表单数据发送到服务器

text定义单行的输入字段

 <form action="demo.php" method="POST" name="name1">
        用户名：<input type="text" value="请输入用户名"><br>
        密码：<input type="password"><br>
        性别：男<input type="radio" name="sex">女<input type="radio" name="sex">
    </form>

两个单选的name相同，才能实现多选一