列表标签
无序列表
ul:父标签
li:子标签
演示
<h4>你喜欢的食物</h4>
<ul>
<li>草鱼</li>
</ul>
提示:ul只能嵌套li,li可以嵌套任何元素
有序列表
ol:父标签
li:子标签
提示:ol只能嵌套li,li可以嵌套任何元素
自定义列表
dl:父标签
dt:标题
dd:内容
顺序:dl➡dt➡dd
演示:
<dl>
<dt>关注我们</dt>
<dd>新浪微博</dd>
<dd>腾讯微博</dd>
<dd>联系方式</dd>
</dl>
提示:dl只能嵌套dt和dd,dt和dd可以嵌套任何元素
表单标签
表单的组成:
1,表单域
2,表单控件
3,提示信息
表单域
form:父标签
form属性:
action:链接地址
method:提交方式➡属性值:post,get,dialog
name:表单名称
表单控件
input:输入表单元素
属性:
- text:文本
- button:普通按钮(配合js使用)
- checkbox:多选框
- file:上传
- hidden;隐藏输入字段
- image:图像上传
- password:密码
- radio:单选按钮
- value:规定元素名称:主要给后台人员使用
- name:定义input元素名称:单选按钮和多选框都要有相同的name值
- maclength:正整数(最大字符)
- submit:提交按钮
- date:日期
placeholder:提示信息
label标签
lable嵌套名称,属性值ror
input添加属性id,id属性值必须跟for属性值一致
列如<form> <label for="sex">姓名:</label><input type="text" name="sex" id="sex"> </form>
select下拉表单元素
select嵌套option
提示:
至少包含一对option
在option中定义selected=”selected“时,当前项为默认选中
textarea文本域元素
属性:
cols(行数字符)
rows:(行数)
—— 评论区 ——