前端学习笔记之HTML(2)

列表标签：用来布局

分类：无序列表（重点）、有序列表、自定义列表

无序列表：用<ul>来表示，列表项使用<li>，各项之间没有顺序之分，并列的。<ul>里面只能嵌套<li>。<li>相当于一个容器，里面可以容纳任何元素。

有序列表：用<ol>来包含,列表项用<li>，列表排序用数字来显示。

自定义列表：用于对术语或名词进行解释和描述，列表项前没有任何项目符号。

<dl>里面只能包含<dt>和<dd>

表单标签：为了收集用户信息。一个完整的表单由表单域、表单控件、和提示信息三个部分组成。

表单域：包含表单元素的一个区域。用<form>标签来表示。<form>.会把他范围内的表单元素信息提交给服务器。

表单控件（表单元素）：允许用户在表单中输入或者选择的内容控件。

Input输入表单元素：单标签

<input type=”属性值”  />

 

单选按钮中，必须要有一个相同的name属性，才能实现多选一的功能。如：

 

 

单选按钮和复选框可以设置checked属性，当页面打开的时候就可以默认选中这个按钮。

Label标签：为input元素定义标注,label可以绑定一个表单元素，当单击label标签内的文本是，浏览器就会自动将光标转到对应的表单元素上。

Label标签里面的for属性对应相关元素的id属性。

Select下拉表单元素：

 

<select>里面最少包含一个<option>,.在<option>中定义selected=”selected”时，当前项即为默认选中项。

Textarea文本域表单元素：输入内容较多的时候，可以使用该表单。可以定义多行文本输入。