有序,无序,表单(章节二):

本文详细介绍了HTML中的列表标签及表单元素的应用,包括无序列表、有序列表、自定义列表以及表单中的文本框、密码框、按钮等组件的使用方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

3.列表标签

Ø  江西

Ø  河南

Ø  浙江

Ø  江苏

序列列表

  牛奶

  面包

  包子

  胡辣汤

3.1无序列表

<ul>unordered  list  定义一个无序列表

<li>:list  item,定义一个列表项

    Ctrl+d:可以快速复制一行。

Type:属性指定无需列表的符号,取值有:

Disc:是新的圆点。

Circle:空心的圆圈。

Square:实心的正方形。

 

3.2有序列表

<ol> ordered list,有序列表,即列表带有序号。

Type属性指定序号的类型,其选值:

Type为:A则:ABCD…

为a则:abcd…

为I则:I II III…

为i则:i ii iii…

为1则:1234…

Start:规定其实数字,包括负数什么的。如以下:(可参观E103-03-02文件)

 

字母和负数,如下:

 

3.3列表的嵌套

自学

3.4自定义列表

<dl>define list:定义一个自定义列表

<dt> define title:列表项的标题

<dd> define description:列表项的描述

 

 

 

 

4表单

4.1表单

什么是表单?手机用户填写的信息并将其提交到后台管理中

Action:指定提交的地址。

Method:指定提交的方式,get/post。

Get和post方式的区别:get是从服务器上获取数据,post是向服务器传送数据。get传送的数据量较小,不能大于2KB。post传送的数据量较大,一般被默认为不受限制。但理论上,IIS4中最大量为80KB,IIS5中为100KB。get安全性非常低,post安全性较高。(post方式的在地址栏里会隐藏用户信息,相对比较安全,而get则会实际表示出来,安全性低)

Maxlength:只能能接收的最大字符个数。

Size:至文本框的大小。

Value:指定初始值。

4.3

密码框和文本框都是一样的,文本框的属性同样适用于密码框,只是密码框框是可以以掩饰形式的代发显示内容的,保证安全。

4.4label

<label>的作用

(1)    可以单独对其应用相应的样式

(2)    For属性可以使之和某个<inout>关联,即当单击文本时会有着对应反应。

 

 

 

 

4.5单选按钮:

如果将若干个按钮编辑为一组(每一组最多只能选一个),需要设置相同的name属性。

如果需要默认选中某个选项,需要加上checked属性。

标签的属性:

(1)    键值对:type=“text”。Maxlength=“6”

(2)    一些取值为布尔类型的属性直接使用属性名如:checked、readonly

 

4.5提交按钮  (详情可观看E103-04-03文档)

(1)    submit:点击按钮之后将提交到“#”网页

(2)    设置之后,按钮上的值对应的就是按键上显示的文字。

(3)    点击按钮:将form表单中的input中name属性(键)和用户输入的值组成键值对。并并凭借到form表单action属性的值后面。

 

 

 

 

4.6多选按钮:

可以选中的多个选项今儿提交。

Checkbox:复选框,可以多选的四方形边框,

Checked:默认选项,一打开网页就默认选中该按钮。

 

4.8重置按钮

Reset:重置选框中的选项,是指初始化。

点击按钮重置表单内部的选框内(单选框)

Value属性:value对应的值就是按键上显示的文字。

 

4.9普通按钮

(1)点击按钮,没有任何反应。

(2)Value属性:value对应的值就是按键上显示的文字。

 

4.9图片按钮

(1)作用和submit按钮时一样的。

(2)需要设置src属性的值,如果src对应的路径没有找到图片。(并且又没有设置alt属性,按钮显示默认值“提交”,如果设置了Alt属性则显示alt的值。(类似img标签))。

4.10<button>标签

(1)内容是可以任意添加的(图片,段落,视频等)

(2)当button标签放置在form内部是,作用和submit一样,放在外面没功能。

希望大家可以关注一下,里面还会有一些软件的解说视频,我会在每个工作日更新这些教程,谢谢!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值