9.14表单结构

泛微E9表单美化指南:用CSS让你的自定义按钮更专业 本文详细介绍了如何通过CSS为泛微E9表单的自定义按钮进行专业视觉升级。从理解E9按钮渲染机制入手,逐步讲解色彩体系、尺寸间距、交互反馈(悬停、按下、禁用、加载状态)等关键CSS技巧,并提供实战案例,帮助系统管理员轻松实现从“能用”到“好用”的按钮设计,提升表单操作体验与专业度。 阅读详情

标记语言(接9.13号)

网页中加网页(iframe)

属性包括:

1)src:值为URL------(插入的网页链接)

2)width,height:值为数字或百分比-----(插入网页的长宽值)

3)scrolling:

a.值为auto----(滚动条根据情况自动显示或隐藏)
b.值为yes/no---(滚动条显示/隐藏)

4)frameborder:值为0/1-----(插入的网页否/是有边框)

5)name:值为任意-----(插入的网页名称)

举例:

目的:建立"网页1.html","网页2.html",“网页1.html”内容包含“点击此处”的锚点,当点击“点击此处”时,网页跳转至“网页2.html”。
步骤:1.新建网页2,编辑网页2的内容。
     2.新建网页1并打开"网页1.html",在<body></body>之间编辑内容如下:
    <iframe src="网页1.html" name=名字>
    </iframe>
    <a href="网页2.html" target="名字">打开网页2
    </a>

插入表格(table)

属性包括

1)border:值为1/0------有无边框

2)cellpadding:值为数字------文本与边框的距离

1)cellspacing:值为数字------单元格之间的距离

基本样式:

  <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>-------表示表格包括两行五列

还需注意:

合并列 colspan 合并行 rowspan 加粗 front-weight:border 在表头thead里面“列”的表示td换做hd,则表示加粗。

表单结构------(可以在网页上输入)

表单结构(form)

属性包括:
 1.action:值为URL------表示输入的数据传输到的终点位置
 2.method:值为get-------提交的数据会显示在新开的网页后面,不安全。
          值为post------提交的数据不会直接显示在新开的网页后面,会以特殊的编码输出,无法看见,安全;有“提交文件”必须使用post.
 3.enctype="multipart/form-data"-----有文件上传时,from必须有这个属性。
 4.name名称;id名称唯一的标识号

输入控件

文本框(input)

属性包括:

 1.disable:禁止输入
 2.value:值为text等------加载页面显示的预设值,可更改。text
 3.name:命名
 4.readonly:只读
 5.disable:禁止输入
 6.type:
     1.text/password等
     2.radio 单选
     3.checkbox 多选
     4.file 选择文件
     5.hidden 隐藏
     6.reset 重置

提交

 1.submit 用value命值
 2.type="image" arc="" 由图片代替提交按钮

.按钮

 buttle 用value命值

下拉列表(select)

属性包括 1.size 加载时的可见选项个数,如不能完全显示,则自动生成滚动条 2.name 命名 格式:

 <select>
  <option value="1">内容1</option>
  <option value="2">内容2</option>
  <option value="3">内容3</option>
</select>

 效果:

  •    
  •    
  •    
  •  
  • 注意:如果需要选中多个选项,需要在select中增加multiple属性,则按住CTRL或者ALT键,点击选项

    多行文本框(textarea)

    属性包括 

    1.rows 加载时的可见行数 

    2.columns 加载时的可见宽度

    Vue.js 表单开发教程:完整实现简历表单,附带表单验证与图片上传功能! 从零开始实现一个 Vue 简历表单,适合初学者的详细入门教程 Vue+HTML+CSS 实现简历表单功能,掌握动态表单处理和 以下是一个详细的新手入门教程,指导如何使用 Vue 构建类似“创建简历”表单的项目,涵盖步骤详细的代码解析和样式。在本教程中,我们将通过 Vue.js 创建一个带有动态验证的简历表单。这包括基本信息的输入、图片上传、下拉选择框和表单提交/重置等功能。此项目非常适合前端新手,用来练习 Vue 的数据绑定和基本交互。代码编辑器:推荐使用 VS Code。引入 Vue:在 HTML 文件中通过 CDN 引入 Vue 2。 3. HTML 基础结构 首先,我们创建一个基本的 HTML 结构,包含一个 容器。该 阅读详情

    相关推荐

    PyTorch复现PSMNet踩坑全记录:从环境配置到KITTI数据集训练

    本文详细记录了使用PyTorch复现CVPR经典立体匹配模型PSMNet的全过程,从环境配置到KITTI数据集训练,特别针对2023年主流软硬件环境中的常见问题提供解决方案。文章重点介绍了PSMNet的金字塔池化模块和堆叠沙漏结构,帮助研究者和工程师快速实现工业级深度估计,节省大量试错时间。

    weixin_30897233的博客 324

    WebWorld-14B架构深度解析:Qwen3-14B基础模型与网页世界模型的融合创新

    WebWorld-14B是一款基于Qwen3-14B基础模型构建的开放网络世界模型,通过融合创新技术实现了网页交互能力的显著提升。该模型在100万+真实世界网页交互轨迹上训练,展现出卓越的网页代理性能,为开发者和研究人员提供了强大的网页自动化工具。 ## 🌟 WebWorld-14B的核心架构设计 WebWorld-14B采用了层次化的数据 pipeline 设计,将Qwen3-14B基础模

    gitblog_09709的博客 652

    企业微信-审批控件中的外部选项的应用全流程完美解决方案

    完美解决企业微信所有JS-SDK调用问题 完美解决苹果和PC端不适配的问题

    qq_45195039的博客 5858

    详解表单以及表单提交

    今天在公司做项目的时候,用到了表单,虽然经常用表单提交,但是没有具体了解表单的结构和表单提交的具体的方式。今天借此机会,深入了解一下表单的知识。 一、什么是表单? 表单:通俗的讲就是代表格的单子;主要的功能是负责数据采集。 二、表单的组成 通常一个表单有三个部分组成: (1)、表单标签:包含了处理表单数据所用的CGI[Common Gateway Interface](公共网关接口...

    weixin_30883777的博客 1013

    如何使用AKShare作为OpenBB的数据源

    `openbb_akshare`项目是 OpenBB 的数据源扩展。可以用于查询A股和港股数据

    FinAnalyzer金融分析工具 3195

    OTN传送网实战指南:从光层到电层的完整架构解析(附配置示例)

    本文深入解析OTN传送网从光层到电层的完整架构,涵盖关键组件、技术实现及配置示例。通过高速公路与光传送网的类比,详细介绍了光层超宽传输管道构建、电层业务调度核心引擎以及控制平面智能运维实战。附有典型组网方案与故障排查指南,助力网络工程师高效部署与维护OTN传送网。

    tomato的博客 682

    【Power BI】数据可视化:使用 Power BI 处理结构化复杂表单数据 | 文末送书

    数据处理是数据分析的奠基石,只有使用处理干净的数据,分析才会产生价值。简单而言,数据处理的终极目的是将非结构化数据转换为结构化数据。虽然数据处理自身未必直接产生数据价值,但其过程往往相当耗时,因此如果无法高效完成数据整理任务,必将影响最终的数据分析进程。通过本文内容的学习能帮助大家进一步提高数据整理的能力和效率,达到事半功倍的效果。无论你在使用 Excel 或 Power BI,都可以用本文讲解的技巧。在本文中,我们深入探讨了如何使用 Power BI 处理结构化复杂表单数据的方法。

    我在山城重庆,我希望能为这片软件沙漠地带贡献自己的一滴水,Stay tuned! 8826

    优快云余额充值前必读:这5个隐藏条款,90%的开发者都忽略了(附iOS内购避坑指南)

    本文揭示了优快云余额充值中90%开发者忽略的5个隐藏条款,包括不可退款规则、iOS内购限制、账号安全责任等关键内容,特别提供了iOS内购避坑指南,帮助开发者避免资金损失和账号风险。

    weixin_26765287的博客 146

    form是html的基本结构,HTML表单

    表单基础结构表单语法截屏2020-07-06下午4.14.19.png截屏2020-07-06下午4.14.48.png标签截屏2020-07-06下午4.16.07.png截屏2020-07-06下午4.16.48.png姓名:密码:截屏2020-07-06下午4.21.26.png单行文本域截屏2020-07-06下午4.43.20.png截屏2020-07-06下午4.48.32.png按钮...

    weixin_42497828的博客 203

    Arduino软串口实战:用TTL转RS485模块解决电机通信难题(附完整代码)

    本文针对Arduino Uno硬串口与RS485半双工通信不兼容导致电机控制无响应的问题,提供了基于软串口(SoftwareSerial)的完整解决方案。详细讲解了TTL转RS485模块的选型、硬件连接避坑(推荐引脚8和7),并附带了完整的代码实现与调试指南,帮助开发者稳定实现Arduino与电机驱动器的RS485通信控制。

    5f4d3s2a1q的博客 777

    【数据结构】平行四边形数量

    平行四边形个数,哈希表,散列

    cyy010617的博客 4009

    form 表单结构 获取页面数据 antd

    //取值 Input > onChange(e) > aaa=>(e)={值 = e.target.value} <Input onChange = {(e) = {this.aaa(e)}} /> InputNumber > onChange(e) > aaa=>(value)={值 = value } <InputNumber onC...

    lx_9119的博客 978

    拓扑优化背后的科学:ANSYS Workbench中的算法与原理

    本文深入解析了ANSYS Workbench中拓扑优化的科学原理与算法实现,重点介绍了密度法(SIMP)和灵敏度分析等核心算法。通过分层架构解析和参数调优实战,展示如何有效进行模型验证与多物理场耦合优化,帮助工程师提升结构设计效率与性能。

    weixin_29250403的博客 417

    表单的基本结构(学习笔记)

    表单的基本结构 表单元素 表单类型 1.文本输入框 2.密码框 3.单选框 男 女 4.复选框 5.提交按钮 6.重置按钮 7.图像按钮 8.普通按钮 9.上传文件 10.下拉菜单 菜单项 11.多行文本域 12.数字输入框 13.滑块 14.邮箱输入框 15.网址输入框 16.搜索输入框 17.隐藏域(语义化表单) 表单的高级应用 表单和文本的关联性(标注) 姓名: 只读和禁用 readonly disabled 表单的初步验证

    weixin_47473788的博客 706

    TMS_WebGMaps_1.9.8.0_Full_Source

    TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

    RU DOS版、EFI版32bit/64bit BIOS常用工具

    DOS版、EFI版的RU工具,可用来查看IO、MEM、PCI、SMBIOS等资源。亲测在EFI SHELL下可用。

    ABAP开发-10、Smart Forms表单开发_1

    1、概念:Smart Forms是在SAPScript的基础上产生的一种新的表单制作方式,完全兼容SAPScript,但Smart Forms更独立,并且使用起来更方便,可以在创建FORM的同时,生成该表单对应的功能块,从而为Form和ABAP程序提供参数接口。更通俗的来讲,表单就是我们想打印出来的单子。

    weixin_52203666的博客 3798

    ET2012新版免狗免安装绿色软件

    ET2012新版免狗免安祖昂绿色软件。,新界面,新视觉,

    动态生成form表单,不在为表单烦恼

    form-create是具有数据收集、校验和提交功能的表单生成器,包含input、复选框、单选框、输入框、下拉选择框等元素以及省市区三级联动、时间选择、日期选择、颜色选择、文件/图片上传功能,支持事件扩展。 欢迎大家star学习交流:github地址 1.1版本重大更新 内部重构 新增 省市区三级联动组件 新增 组件事件扩展 优化 文件上传,时间选择等组件 待完善 [ ]...

    轻松搞定低代码 2万+

    复分析 阿尔福斯(Ahlfors) 第三版答案 英文

    答案分为十章,有部分习题没有答案,全英文复分析阿尔福斯(Ahlfors) 第三版答案

    h5新增标签和表单属性

    一、h5新增结构性标签(有意义的div) 1.header 定义网页的头部 2.nav 定义网页的导航部分 3.section 定义网页的某个区域 4.footer 定义网页的底部 5.article 定义网页的一篇文章 6.aside 定义网页的侧边栏 7.hgroup 将网页的标题进行组合 8.figure 将网页的元素进行组合 9.figcaption 给...

    Kilitou的博客 2440

    3章 表格布局与表单交

    在 HTML 中, 和 标签用于定义表单中的域(区域)和域标题。这些标签有助于组织和分组相关的表单元素,使表单更加清晰易读。1. 标签作用: 用于将一组相关的表单控件(如输入框、单选按钮等)进行分组。特点: 被浏览器通常会渲染为一个边框,将包裹的内容分开。2. 标签作用: 用于为 提供一个标题或描述。特点: 通常显示在 的顶部,作为该组控件的说明。

    WWL009988的博客 2304

    精通 CSS 第 9 章 表单与数据表 学习笔记

    精通 CSS 第 9 章 表单与数据表 学习笔记 表单和数据表应该是业务最为重要的一个部分了,包含并不限于以下用途:展示数据、布局(早期用法)、注册、登录、留言、填写信息…… 我总是觉得,要将表单设计的好看,是一件挺困难的事情。 设计数据表 开始使用的案例是做的一个日历,这是什么样式都没有添加的时候: 能看,但是确实看起来不舒服,这时候的源码是这样的: <!DOCTYPE html> <html lang="en"> <head> <meta char

    GoldenaArcher的博客 832

    第三章表格布局与表单交换

    在 HTML 中,<fieldset> 和 <legend> 标签用于定义表单中的域(区域)和域标题。这些标签有助于组织和分组相关的表单元素,使表单更加清晰易读。1. <fieldset> 标签作用: 用于将一组相关的表单控件(如输入框、单选按钮等)进行分组。特点: 被浏览器通常会渲染为一个边框,将包裹的内容分开。2. <legend> 标签作用: 用于为 <fieldset> 提供一个标题或描述。特点: 通常显示在 <fieldset> 的顶部,作为该组控件的说明。

    2302_80345247的博客 1963

    使用antd开发可动态增加项的表单

    我不知道应该怎么描述这个功能才算清晰,看图吧 环境是在antd的Form组件内开发大概的功能如下: 用户需要选择异常情况通知方式,并填写最少一个最多三个的联系人姓名和联系方式。 期望用户点击加号,可以增加一条,最多三条。 内容需校验,输入不能为空,联系方式需要根据用户勾选的通知方式校验输入内容,即用户勾选短信时,联系方式校验规则为手机号,勾选邮件时,校验方式为邮箱。 输入部分的数据结构应...

    x先生的博客 3万+

    python 开发表单

    使用Python开发表单的全面指南 引言 在当今的数字时代,表单在日常生活中无处不在,从注册页面到调查问卷,表单作为信息收集的重要工具扮演着至关重要的角色。Python以其简单易用的语法和强大的库,成为了开发表单的理想选择。本文将介绍如何使用Python构建表单,并提供代码示例、关系图和甘特图的可视化表示。 1. Pyth...

    weixin_36858956的博客 309

    表单基础知识

    input type="radio" name="gender" value="male" checked>男。<input type="checkbox" name="hobby" value="football">踢球。<input type="checkbox" name="hobby" value="painting">画画。<input type="radio" name="gender" value="female">女。<input type="button" value="普通按钮">

    weixin_52874247的博客 714

    element-ui中表单验证的三种方式

    第一种常用方式:表单上加rules{object} <el-form class="apply-form first-form" :model="formData" :rules="rule" ref="form"> <el-form-item label="姓名" prop="visitorName"> <el-input v-model...

    我胆小 4144

    HTML列表、表格以及表单

    剩余day02部分,以及day03部分,day04

    weixin_52071901的博客 1848

    从零搭建一个基础表单:HarmonyOS6 PC端表单开发入门实战

    基础表单搭建就聊到这里。Row + TextInput + Divider 这个组合虽然简单,但真的是表单开发的基石。后面的文章会在这个基础上加各种功能,比如必填星号、输入类型、表单分组等等。如果你刚开始学 HarmonyOS6 PC 端开发,建议把这个基础表单先跑通,理解了布局逻辑再往下走。别急着上高级功能,基础不牢后面全白搭。

    qq_37048082的博客 733
    上一篇: 9.11学习内容+周总结
    下一篇: 9.15表单属性
    fionafung58
    博客等级 码龄11年 6粉丝 23原创
    评论
    成就一亿技术人!
    拼手气红包6.0元
    还能输入1000个字符
     
     条评论被折叠 查看
    添加红包

    请填写红包祝福语或标题

    个

    红包个数最小为10个

    元

    红包金额最低5元

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

    抵扣说明:

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

    余额充值