一文搞懂HTML中的表格、表单、列表(1)

代码如下:

Document
姓名年龄性别 小数阿斯顿 整数21手动分 负数22

效果展示:

在这里插入图片描述

二、概述表单

========================================================================

1.创建表格使用的标签及其作用


- from

属性

action=“xxx.java” //将表单提交到的服务器,可以是一个url

method=“GET” //请求方法,默认可以是get,post,经过处理可以支持put等请求

- input

属性

type

对type赋值(“text” 文本框,“radio” 单选框,“checkbox” 复选框,

还可以是密码框、提交按钮…)

name

这个input的名字,可以使用javascript将其筛选出来,或者后端处理数据时使用

value

默认值

checked=“checked”

用于单选按钮的属性

- select

下拉表单框,内部可以嵌套option

- textarea

一个文本区域,可以在一块区域键入相应的文本

2.创建一个简单的表单


代码如下:

Document

用户名:

密&nbsp&nbsp&nbsp码:

男女待定


请选择你的爱好

吃饭 树胶 睡觉

请选择你的家乡

北京 河南 上海 广东 深圳

请键入你的感想:

、 叮叮当,叮叮当,铃儿响叮当

效果展示:

在这里插入图片描述

三、概述列表

========================================================================

1.列表分类


数据存放在li标签内,而li标签存放在ul或者ol内,ul,ol最主要的区别就是有序或无序。

- 无序列表

每一条数据,都没有区分顺序,前面有小黑点,通过list-style=“none”可以将小黑点去掉

    • 芝麻开门
    • 未雨绸缪
    • 温文尔雅
    • - 有序列表

      每一条数据像是标好了顺序,序号总是伴随每一条数据,没有间隔

      1. 芝麻开门
      2. 玛卡巴卡
      3. 叶斯摩拉
      4. - 自定义列表

        自己可以对列表进行自定义操作

              网址之家
        百度
        腾讯
        360

        2.效果展示


        在这里插入图片描述


        总结

        最后

        自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

        深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。

        因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

        img

        既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!

        如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!

        由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
        友,同时减轻大家的负担。**

        [外链图片转存中…(img-oypHFPHz-1715064299081)]

        [外链图片转存中…(img-kxM55YGk-1715064299081)]

        [外链图片转存中…(img-aIi4Hlba-1715064299082)]

        既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!

        如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!

        由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

      • 24
        点赞
      • 21
        收藏
        觉得还不错? 一键收藏
      • 0
        评论
      评论
      添加红包

      请填写红包祝福语或标题

      红包个数最小为10个

      红包金额最低5元

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

      抵扣说明:

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

      余额充值