列表和表单

列表标签

1.ul无序列表

<ul> </ul>标签中只能嵌套<li> </li>标签

<li>与</li>之间相当于一个容器，可以容纳所有元素

2.ol有序列表

        <!-- 有序列表 -->
	<ol>
		<li>第一</li>
		<li>第二</li>
	</ol>

3.自定义列表：定义列表通常对属于和名词进行解释和描述，定义列表的列表项没有任何项目符号

        <!-- 自定义列表 -->
	<dl>
		<dt>河北</dt>  <!-- dd解释说明dt -->
		<dd>石家庄</dd>
		<dd>秦皇岛</dd>
		<dd>邢台</dd>
	</dl>

 

表单标签

在HTML中，一个完整的表单通常包含：表单空间（表单元素），提示信息，表单域三部分组成

form表单域

1.input输入表单元素 <input/>

<input type="属性值" value="你好">

   ******<input/>为单标签 ，type属性设置不同的属性值用来指定不同的控件类型，除了type属性还有其他的属性

  常用属性

2.label标签(不是lable)

   lable标签用于绑定一个表单元素，当点击lable标签时，被绑定的表单元素就会获得输入焦点。（当鼠标点击到label标签里的文字时，光标会自动定位到指定的表单里面）

  绑定元素的两种方式：

     1.用label直接包括input表单

     

<lable>  用户名<input type="radio" name="username" vale="请输入用户名">  </lable>

    2.用for属性规定label与哪个表单元素绑定

 

<label for="nc">昵称</label> <input type="text" id="nc" name="username">

3.textarea控件(文本域)

   通过textarea控件可轻松创建多行文本输入框

      <textarea>

              文本内容

       </textarea>

4.select下拉菜单（实际应用中比较少）

     <select>

       <option>选项1</option>

        <option>选项2</option>

        <option>选项3</option>

         ..........

    </select>