双飞翼页面布局与网页表单的制作

  • 双飞翼布局
  • 基本的页面布局
  • 首先建立三个块级元素，全部设定高度，中间的块级元素按照显示屏幕的宽度百分百设定，左右两个块级元素设定相同的宽度。
  • 其次将三个块级元素依次设定漂浮效果，通过设置外框边距（margin属性）使三个块级元素在同一行显示。使得网页被分为左中右三部分。
  • 网页表单制作
  • 常用到的标签（青岛教学网为例）
  • form标签 表单的内容都被包含在这个标签里面，用于向后端传输数据。有三个属性，method:以何种方式提交，增，删，改，查四个方法。action:表单提交的地址。name???
  • table标签 表单的所有元素都在这个标签之间编写代码
  • input标签 输入文本内容时，用到这个标签，常见的就是文本输入框，placeholder属性可以使得文本框里有可以看见的隐形提示文字
  • select标签 显示下拉箭头框栏，配合option标签使用
  • option标签 配合select标签使用，下拉箭头框栏内可以选择的项目都由这个标签编写
  • checkbox标签 复选框的做成，要用到这个标签
  • radio标签 单选框的做成，要用到这个标签
  • a标签 用于链接的做成
  • nav标签 配合a标签使用，表头的导航链接栏
  • image标签 配合a标签使用，点击图像时可以自动链接到相关的网页
  • border-collapse:collapse的属性，用于将表单外部框线和内部元素的边框线重叠在一起。border-collapse:seperate属性，外部框线和内部元素边框分离
  • 网页表单制作时应考虑的主要事项
  • 应该事先对要做成的表单各项目元素进行分析，统一分成几个大的项目，便于在css里进行统一样式设定
  • 尽可能对表单几个重要的部分都做好注释，以便日后进行修改，查询
  1. 关于表单做成的几个问题
  • checkbox的复选框的形状设定 背景颜色
  • 表单代码里编写的required属性的意思

原文地址：https://www.cnblogs.com/lzl1978/p/8329295.html

时间： 2024-08-09 06:21:45

双飞翼页面布局与网页表单的制作的相关文章

利用excel VBA进行自动化数据分析，数据汇总，网页表单自动提交等功能

在制造业公司的生产管理,经营管理,采购管理,财务管理等工作中,都有大量的数据处理的任务,通过繁复的excel手工运算获取结果.通过员工培训和自我提升,掌握和使用excel数组公式和VBA自动化,能为员工节省巨大的时间和精力,提高工作附加值.同时作为公司效率化和系统化改善的一部分,为公司效益带来显著提升.以下通过一些案例,展示利用excel公式和VBA进行自动化数据分析,数据汇总,网页表单自动提交在实际场景中的典型应用.相关的文件和代码可以在github下载. 自动化数据分析 以下是通过VBA自动

【Javaweb】网页表单调试中后退的大忌

网页的调试,尤其是表单的调试,应该每一次修改保存之后,必须在网页刷新一次或者在地址栏重新输入要调试的地址,不要用后退的方式,以为网页也是跟着刷新的了.其实,这只是在缓存中你还有没有修改的网页而已.纵使你已经重启过服务器,保存过代码了. 网页表单调试的时候,后退之后不按刷新,仅仅就后退完事,尤其是你要对这一页的脚本进行更新的调试,根本就是不停载入缓冲中没有修改过代码的页面,你写的脚本根本就没有加载到你修改完的页面. 由于脚本没有样式变化,根本就没意识这个问题 多多按刷新就对了.甚至可以按Ctrl+

20个jQuery插件，帮你打造完美网页表单

网页表单主要是用来从用户那里收集一些必要的信息,是网页设计中不可或缺的一环.一个设计良好的表单能更有效的获取用户信息,也会给用户带来更好地 使用体 验.基于这一点,很多设计师开始使用jQuery来创建网页表单.而使用jQuery表单插件会让你的网页表单脱颖而出. 为 此,我们收集了一些不同类型的jQuery表单插件和读者分享.在下面这些jQuery表单插件中,有些能改变表单的外观并同时兼容各种浏览 器:有些用于表单验证并方便管理员和用户的操作:还有一些则是非常流行的日历表单和下拉列表表单.我们希

网页表单

form 是网页表单编辑标签,属性主要是method=post/get  post 为无长度限制,内容不可见,get为有长度限制,内容在地址栏可见.action=负责处理的服务终端. form 包含标签主要有: 文本框:<input type="text" name="uname" maxlength="3" placeholder="请输入用户名"/><br />                   

用Tchromium替代webbrowser提交网页表单有关问题

用Tchromium替代webbrowser提交网页表单有关问题 提交表单时,使用js脚本,然后用 chrm.browser.Frame['ff'].ExecuteJavaScript 提交就可以. 我测试对百度主页提交数据进行搜索, strTemp := 'document.forms[0].wd.value=http://www.myexception.cn/delphi/"新闻热点";'  chrm1.Browser.MainFrame.ExecuteJavaScript(str

Bootstrap页面布局11 - BS表单

<input type='text' value='' placeholder='输入您的用户名' class='input-mini' /> ①几个类控制文本框长度 input-mini:最小 如图: input-small:次小 如图: input-medium:中等 如图: input-max:最长 如图: spanN:N代表数字,最大12,N表示1个网格的宽度 例如:span4表示对应的input框占用4个网格的宽度 ②属性:placeholder="输入您的用户名"

VC提交网页表单（一共八篇）

VC提交网页表单-自动评论留言(1)http://blog.csdn.net/wangningyu/article/details/4526357VC提交网页表单-自动评论留言(2)http://blog.csdn.net/wangningyu/article/details/4526551 HTTP协议学习笔记http://blog.csdn.net/wangningyu/article/details/4541556HTTP Post Using Chttp://blog.csdn.net/

网页表单文档设计及技术实现

在很多业务流程应用中,业务审批单的样式.内容多变,然而系统对业务表单数据并不敏感,因此,不使用对应的关系型数据表,而采用NoSQL技术来优化设计.因为NoSQL无需事先为要存储的数据建立字段,随时可以存储自定义的数据格式.按NoSQL的特性,可以灵活进行schema结构(列定义)的修改,理论上应该可以很好支持这些多样表单的持久化保存.基于上述原因,业务审批单采用网页表单文档设计. 网页表单设计 首先,我们看一看在HTML表单元素(对象)中使用自定义属性的示例: <input fieldid=&quo

为网页表单提交绑定回车快捷键

最近做个视频弹幕,由于遇到需要按回车就能发送表单消息的需求,因此总结下,使用jquery如何捕获回车事件及绑定办法. 代码如下: $("#TM-form").on("keydown",function(e){ //#TM-form为要发送消息的表单id, var e = e||event; var kc = e.which ||e.keyCode; e.stopPropagation(); //阻止事件冒泡 if(kc == 13){ TMdata.fontSize