在html中列表分为无序列表、有序列表和自定义列表(项目列表)。接下来就看看他们有什么不同吧!
作用:如果说table标签是用来显示数据的,那么列表标签就是用来进行html页面布局的。
语法:
代码示例:
无序列表:
- 苹果
- 橘子
- 香蕉
运行界面:
语法:
代码示例:
有序列表:
- 苹果
- 橘子
- 香蕉
运行界面:
语法:
一个dd标签是对dt标签标题的说明。这两个标签中可以包含任何标签。
代码示例:
自定义列表:
- 水果种类
- 苹果
- 橘子
- 香蕉
运行界面:
作用:收集用户信息。一般用在注册界面等。
组成:一个完整的表单中包含表单域(整个填写界面所有信息)、表单控件(表单元素)和提示信息(表单控件的提示作用)3个部分。
表单域:是一个包含表单元素的区域。
注:action:url地址,指定接收并处理表单数据的服务器程序的url地址。 method:用于设置表单数据的提交方式。 method=”get”:提交数据时,地址栏可查看到数据。数据量少且安全级别不高时使用。 method=”post”:提交数据时,地址栏数据是加密的。 name:表单域的名称。用于区分同一页面下的不同表单域。 1.input输入表单元素: 语法:,依据type属性值不同区分不同控件。 文本框:。单行输入字段,默认宽度20个字符。输入的文字可见。 密码框:。输入内容默认不可见。 单选框:,默认情况下选中后无法取消。 注:为实现多选一状态,需要将所有的单选框控件具有同一个name名。 复选框:,选中后可以更改可以取消。 提交按钮:,默认按钮中的提示文字是提交,可以通过value值进行更改内容。点击提交按钮后会把表单数据发送到服务器。 重置按钮:,默认按钮中的提示文字是重置,可以通过value值进行更改内容。点击后会清楚表单中的所有数据。 普通按钮: 文件域:,用来选择文件,一般适用于文件上传。 label标签:标注标签,配合input控件一起使用 作用:绑定表单控件,扩大点击范围。 当点击label标签的内容时,系统会自动选中该表单控件。 代码示例: 运行界面: Input控件属性: name:用户自定义,提示input元素的名称。给后台工作人员的提示。 value:用户自定义,提示input元素的内容值。给后台的提示。在文本框控件中会显示该内容,单选框和复选框则显示不出来。 checked:默认选中状态。主要用于单选按钮和复选按钮中。 maxlength:正整数,规定输入字段中的字符最大长度。 input代码示例: 运行界面: 2.select下拉表单元素: 使用场景:地址选择、职业分类、学校分类等。 select标签:定义下拉列表。 语法: 代码示例: 运行界面: 3.textrea文本域表单控件 使用场景:留言、介绍、评论等。 语法: 跟文本框控件不同,它是多行文本输入框,可以自行设定行数以及一行容纳多少字数。 rows=“每行可输入的字符数”, cols=“显示的行数”。 这两个样式属性实际开发中大多使用css就可以改变操作。 代码示例: 运行界面: 关于HTML基础内容就学习到这里了,明天练习一个综合案例。对了,现在跟学的是黑马前端的pink老师发布的基础视频,明天做的案例按照老师讲解的案例去做。label标签
表单标签
下拉表单
文本域表单元素
页面更新:2024-04-01
本站资料均由网友自行发布提供,仅用于学习交流。如有版权问题,请与我联系,QQ:4156828
© CopyRight 2020-2024 All Rights Reserved. Powered By 71396.com 闽ICP备11008920号-4
闽公网安备35020302034903号