首页 > 其他分享 >前端-表单表格图像-练习

前端-表单表格图像-练习

时间:2023-03-17 10:56:47浏览次数:33  
标签:2208309 自定义 表格 前端 202303 列表 blog nowcoder 表单

  • 题目描述
    请依次写出以下类型的输入框。
  1. 类型为密码,默认值为"nowcoder"
  2. 类型为复选框,且状态为已勾选
点击查看代码
<form>
    <!-- 补全代码 -->
    <input type="password" value="nowcoder" />
    <input type="checkbox" checked="checked" />
</form>
效果: ![](/i/l/?n=23&i=blog/2208309/202303/2208309-20230317093959095-157005416.png) * **题目描述** 请写出具有表格标题为"nowcoder"的2行3列表格结构。
点击查看代码
<table width="100" height="50" border="1">
    <!-- 补全代码 -->
    <caption>nowcoder</caption>
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
     <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

效果图:

  • 描述
    请写出具有标题属性和代替文本属性的图片标签。
点击查看代码
<!-- 补全代码 -->
<img src="图片地址链接" title="标题属性" alt="代替文本属性">
效果图: ![](/i/l/?n=23&i=blog/2208309/202303/2208309-20230317104246796-78675396.png) * **题目描述** 请写出列表项为"nowcoder"且列表项内容也为"nowcoder"的自定义列表。
点击查看代码
<dl>
    <!-- 补全代码 -->
    <dt>nowcoder</dt>
    <dd>nowcoder</dd>
</dl>
**解析:** 自定义列表的结构为dl包裹dt包裹dd dl是自定义列表的整体,用于包裹dt和dd dt是表示自定义列表的主题 dd是表示针对自定义列表主题的每一项内容 效果图: ![](/i/l/?n=23&i=blog/2208309/202303/2208309-20230317105449923-1013416744.png)

标签:2208309,自定义,表格,前端,202303,列表,blog,nowcoder,表单
From: https://www.cnblogs.com/daisy-fung1314/p/written-exam-note-1-1.html

相关文章

  • HTML中的表格的基本结构与常用属性
    1、表格的基本结构首先看看图下<table>标签的布局                                    ......
  • Vue.js 收集表单数据
    视频<!DOCTYPEhtml><html> <head> <metacharset="UTF-8"/> <title>收集表单数据</title> <scripttype="text/javascript"src="../js/vue.js"></script> </h......
  • 小程序实现固定首行列表格
    数据可视化,数据报表一致是我比较头疼的问题,这几年一直找不到一个合适的工具.主要是编程这块并非是数据分析师的强项.从最初用Excel,到用Python,到用各种商业BI工......
  • django返回文件(无论什么格式的)给前端
    读取文件方法:defread_file(file_name,chunk_size=512):withopen(file_name,"rb")asf:whileTrue:c=f.read(chunk_size)......
  • 前端实现防抖和节流(简版&完备)
    前言防抖函数是一种常用的优化方法,可以避免在短时间内频繁触发某个函数而导致性能问题。作用是在一定时间内,如果重复触发同一个函数,只执行最后一次,以减少函数执行次数,节......
  • 104前端之函数防抖,函数节流
    函数防抖和函数节流是JavaScript中常用的性能优化技巧,它们的目的是减少函数执行的次数,从而提高页面的响应速度和性能。下面是两个常见的应用场景:​ 1.函数防抖函数防......
  • 一文告诉你关于开源表单设计器的相关内容
    我们都知道,如今已经是信息化迅猛发展的新时代了,在以往的办公环境中,传统的表单应用得较为广泛,虽然普遍性很广,但是随之而来的弊端也是非常明显的。在科技不断发展的当天,办公......
  • Day02 2.2、HTML基础之表单标签
    二、表单标签是HTML中最终的标签之一,主要是提供了输入框或按钮等标签提供给用户进行交互输入数据。将来表单可以提交到指定服务端程序中进行数据处理。1form标签......
  • Day02 2.3、HTML基础之表单标签的基本使用
    三、表格标签表格系列标签主要是可以数据以表格的格式展示出来。但是现在table表格已经很少使用了,而是改成div+css实现更漂亮的表格。标签描述<table></table......
  • 前端开发:JS中原型和原型链的使用详解
    前言在前端开发过程中,涉及到JS原理相关的内容也就是常用的几大模块,不仅常用而且很重要,但是涉及到原理的话会有点难懂,尤其是对JS接触不太久的开发者来讲。本篇博文就来分享一......