目录
一.列表标签
(1)无序列表
(2)有序列表
(3)自定义列表
二.表单标签
(1)表单域:把表单元素里面的信息传给服务器。
(2)表单控件
一.列表标签
1.作用:用来布局
2.分类:无序列表,有序列表,自定义列表
(1)无序列表
[]基本语法格式
注意点:
<ul></ul> 中只能嵌套 <li></li>,直接在 <ul></ul> 标签中输入其他标签或者文字的做法是不被允许的。
<li> 与 </li> 之间相当于一个容器,可以容纳所有元素。
(2)有序列表
[]基本语法格式
注意点:
<ol></ol> 中只能嵌套 <li></li>,直接在 <ol></ol> 标签中输入其他标签或者文字的做法是不被允许
<li> 与 </li> 之间相当于一个容器,可以容纳所有元素。
(3)自定义列表
[]基本语法格式
注意点:
<dl></dl> 里面只能包含 <dt> 和 <dd>。
<dt> 和 <dd>个数没有限制,经常是一个<dt> 对应多个<dd>。
<dt>和<dd>的关系:
二.表单标签
1.为什么使用表单:收集用户信息
2.表单的组成:表单域,表单控件,提示信息
(1)表单域:把表单元素里面的信息传给服务器。
[]基本语法格式:
<form action=“url地址” method=“提交方式” name=“表单域名称">
各种表单元素控件
</form>
(2)表单控件
[]input输入表单元素
type属性
其他常用属性
[]select下拉表单元素:在页面中有多个选项,但是又不想占用空间时可用
-
格式:
<select>
<option>选项1</option>
<option>选项2</option>
<option>选项3</option>
...
</select>
在<option> 中定义 selected =“selected " 时,当前项即为默认选中项
[]textarea 文本域元素:当用户输入内容较多的情况下,我们就不能使用文本框表单了,此时我们可以使用 <textarea> 标签
-
语法
<textarea rows="3" cols="20">
文本内容
</textarea>
[]lable标签:
语法:
<label for="sex">男</label>
<input type="radio" name="sex" id="sex" />
核心:<label> 标签的 for 属性应当与相关元素的 id 属性相同。
实例