当前位置 : 主页 > 网络编程 > 其它编程 >

列表,表格和表单的使用

来源:互联网 收集:自由互联 发布时间:2023-07-02
列表,表格和表单的使用列表分为有序列表、无序列表 列表,表格和表单的使用 列表分为有序列表、无序列表表和自定义列表如下代码所示: html Css Javascript Hellow Wold! Hellow Wold! Hellow
列表,表格和表单的使用列表分为有序列表、无序列表

列表,表格和表单的使用

列表分为有序列表、无序列表表和自定义列表如下代码所示:

  • html
  • Css
  • Javascript
    • Hellow Wold!
    • Hellow Wold!
    • Hellow Wold!
  • 姓名
  • 张三
  • 地址
  • 刘王庄
  • 执行结果为:列表执行结果

    表格

    课程表

    代码如下所示:

  • 我的课程表
  • 时间
  • 节次
  • 星期一
  • 星期二
  • 星期三
  • 星期四
  • 星期五
  • rowspan="2">上午
  • 1
  • 听直播课程
  • 听直播课程
  • 听直播课程
  • 听直播课程
  • 听直播课程
  • 2
  • 手动练习代码
  • 手动练习代码
  • 手动练习代码
  • 手动练习代码
  • 手动练习代码
  • rowspan="2">下午
  • 3
  • 听直播课程
  • 听直播课程
  • 听直播课程
  • 听直播课程
  • 听直播课程
  • 4
  • 完成当天作业
  • 完成当天作业
  • 完成当天作业
  • 完成当天作业
  • 完成当天作业
  • 执行结果如下所示:表格执行结果

    form表单

      form表单 action 该属性的值是处理表单的程序,method 该属性是表单的提交方式,get提交方式是通过地址栏提交的,用来提交一些不敏感的数据, post提交方式是在表单表头提交,比较隐蔽,一般建议用 post 提交方式。性别:  input 表单一般与label标签配合使用,其中label标签中的for属性值与input中的id属性值相同可以进行绑定,这样当鼠标点击文字是可以直接聚焦表单内容区,required直接写在表单里边可以在提交时可以检查书否为空为空不提交 ,autofocus 光标自动聚焦到表单。

    表单应用场景代码如下

  • 用户注册表:

  • action="#" method="GET">
  • 账号:
  • type="text"
  • name="username"
  • id="username"
  • required
  • autofocus
  • placeholder="请输入账号"
  • />
  • 密码:
  • type="password"
  • name="password"
  • id="password"
  • placeholder="请输入密码"
  • required
  • />
  • 邮箱:
  • type="email"
  • name="email"
  • id="email"
  • placeholder="请输入邮箱"
  • required
  • />
  • 性别:
  • 保密
  • 兴趣
  • 读书
  • 跑步
  • 玩游戏
  • 学历:
  • 初中
  • 高中
  • 大专
  • 本科
  • 头像:
  • style="grid-column: span 2">
  • 简历:
  • style="grid-column: span 2">
  • 留言框:
  • 提交按钮
  • 代码执行结果为:表单执行结果

    上一篇:德州poker的规则
    下一篇:没有了
    网友评论