《html学习笔记》列表与表单

目录

1.列表

1.1列表分为三种：无序，有序，自定义.

1.2.无序列表：

1.3.有序列表：

 1.4.自定义列表：

2.表单

2.1.表单域：

2.2.表单控件：

2.3 常用属性

2.4下拉列表

2.5标签

2.6文本域

---

1.列表

1.1列表分为三种：无序，有序，自定义.

1.2.无序列表：

用标签<ul>来框定，在里面用<li>标签来书写。（注意：<ul>标签中不可以放置其他标签，只有<li>）

例：

<ul>
    <li>第一个</li>
    <li>第二个</li>
           <!--<li>标签中可以放置其他标签-->
    <li>第三个</li>
</ul>

1.3.有序列表：

用标签<ol>来框定，在里面用<li>标签来书写。（注意：<ol>标签中同样不可以放置其他标签，只有<li>）

<ol>
    <li>第一个</li>
    <li>第二个</li>
           <!--<li>标签中可以放置其他标签-->
    <li>第三个</li>
</ol>

 1.4.自定义列表：

用标签<dl>来框定，在里面用<dd>(内容）与<dt>（标题）标签来书写。（注意：<dl>标签中同样不可以放置其他标签，只有<dd>与<dt>）

<dl>
    <dt>第一个</dt>
    <dd>吃饭</dd>
    <dt>第二个</dt>
    <dd>睡觉</dd>
           <!--与<li>标签一样可以放置其他标签-->
    <dt>第三个</dt>
    <dd>打豆豆</dd>
</dl>

2.表单

2.1.表单域：

<form></form> 收集信息与传递，有三个属性 action ,method, name.

<form action="url（向何处发送数据）" method="提交方式（有post，get等）" name="名称">
</form>

2.2.表单控件：

1.<input>是一个单标签，里面必须要有type属性。

<input type="text(文本框）"
             password(密码框）
             radio(单选按钮，和name属性搭配让系统知道那些是单选范围）
             checkbox(多选）
             submit（提交按钮，把表单域中的数据提交给后台）
             button(不提交数据，可以用来做其他事，用js来）
             file(文件上传）

2.3 常用属性

1.value属性用来定义值反馈给后台。

2. 属性 check="checked",就是在单选与多选中，界面打开默认勾上。

3.maxlength="最大输入字符数"(正整数）

2.4下拉列表

<select></select>标签框住，里面用<option>,和其他列表相似

<select>
    <optin>第一个</option>
    <optin select="selected">第二个</option>
           <!--<option>标签中select="selected"就是默认第一个-->
    <optin>第三个</option>
</select>

2.5<label>标签

<label>标签只是和表单经常使用而已，作用对于一个给定的表单元素，点击<label>内的文本，浏览器将自动焦点

<label for="和id一样的">男生</label><input type="radio" name="1" id="和for一样的">
       到哪去

2.6文本域

用来让用户书写大量文字<textarea></textarea>,可以在里面添加高度和宽度属性