前端-笔试刷题-表单表格列表图像

  • 题目描述
    请依次写出以下类型的输入框。
  1. 类型为密码,默认值为"nowcoder"
  2. 类型为复选框,且状态为已勾选
点击查看代码
<form>
    <!-- 补全代码 -->
    <input type="password" value="nowcoder" />
    <input type="checkbox" checked="checked" />
</form>
效果: ![](https://img2023.cnblogs.com/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="代替文本属性">
效果图: ![](https://img2023.cnblogs.com/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是表示针对自定义列表主题的每一项内容 效果图: ![](https://img2023.cnblogs.com/blog/2208309/202303/2208309-20230317105449923-1013416744.png)
  • 题目描述
    请写出可以在新窗口打开文档的a标签。
点击查看代码

**解析:**

效果图:

  • 题目描述
    请写出可以在新窗口打开文档的a标签。
点击查看代码

**解析:**

效果图:

  • 题目描述
    请写出可以在新窗口打开文档的a标签。
点击查看代码

**解析:**

效果图:

  • 题目描述
    请写出可以在新窗口打开文档的a标签。
点击查看代码

**解析:**

效果图:

  • 题目描述
    请写出可以在新窗口打开文档的a标签。
点击查看代码

**解析:**

效果图:

posted @   权世界  阅读(16)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
点击右上角即可分享
微信分享提示