网页表单设计

虽说不知道你问的什么，但是我还是把web前端开发如何入门发给你 web前端开发分为三个阶段:1. HTML + CSS前端的入门门槛极低，体现在HTML和CSS上。运行环境就是浏览器，推荐Chrome。你需要的只是一个文本编辑器，推荐Sublime Text 3，有不少好插件比如Emmet，谷歌搜一下很容易了解到的。当然你非要用记事本的话，也不是不行的。刚入门查阅资料可以用 w3school 或者 MDN 。HTML和CSS不是编程语言，前者只是结构标签，后者则是样式配置，入门是非常简单的。网上资料也有很多，推荐慕课网 HTML+CSS基础课程。我当时是看了一本书 Head First HTML and CSS，讲得浅显易懂，不过价格比较感人，也是只翻一遍的书，没有必要买了。迅速刷一遍慕课网，对HTML和CSS有个大致印象就好。想巩固HTML标签可以去看看16年的task1-1。HTML5的API可以先放一放，回头再看。接下来就是深入学习CSS了：《CSS权威指南（第3版）》。很枯燥的一本书，但我确实不知道哪本书更适合了。花两三天硬啃下来就好了。属性细节不必记忆，以后用到肯定要再查的。着重点放在大局上，比如盒模型，浮动和定位这些，抓住重点快速过一遍。《CSS3 专业网页开发指南》。CSS3也是需要掌握的内容。但这里还是以了解为主，知道CSS3有什么内容就好，记忆属性是枯燥且毫无意义的。以上内容用时5天左右，下面是实践。学了几天HTML和CSS了，应该也有点成果了。打开IFE2015 task1，写个静态页面吧。我X，完全写不出来。这是正常的。去看下别人的代码吧，看一小部分就开窍了。忘掉的属性就查书或者w3c，多尝试，不断踩坑才有进步。画完第一张图后，别着急往下写。你的代码肯定会有如下问题：胡乱的代码缩进毫无章法的属性顺序满页的div不停地写id和class重写吧，是的。重写之前先看一份代码规范 GitHub - ecomfe/spec: This repository contains the specifications.。当然代码规范不是唯一的，我最早看的是这一份，所以代码风格也一直维持到现在。再去看一下别人提交的代码，多看几份。当然自己也要判断，不能听风就是雨啊，人家写得不好你再去重写一次，等于你也有责任对不对。开始重写了，会发现功力大增，写代码速度也快了很多的。写到第三张页面的时候，应该比较熟练了。如果看到布局就大概知道应该怎么写了，那就可以进入JavaScript的学习了。以上内容用时10天左右。进阶部分可以回头再看：掌握预处理工具Sass，自动化工具Gulp。阅读Bootstrap源码。《CSS揭秘》，极其惊艳的一本书，涵盖了CSS3的很多奇技淫巧，虽说有些地方不太实用，但让人眼前一亮，很值得看。2. JavaScript这是至关重要的阶段。强烈推荐《JavaScript高级程序设计（第3版）》，俗称红宝书。前七章是重中之重，必须反复阅读，直至完全理解，期间可配合其他书一起读。DOM，事件流，表单，JSON，Ajax与最后几章也相当重要。其余章节可以略读或跳过（比如浏览器嗅探，XML以及那些列举大量API的章节，完全可以用到再查）推荐《JavaScript语言精粹》，俗称蝴蝶书。超薄的一本，半天就可以看完。JavaScript是一门有很多坑的语言，我个人是喜欢把这些坑点全部搞清楚的，但这本书却避而不谈了，剩下的也就是所谓的“精粹”了。但清晰地过一遍知识点总是好的。强烈推荐《你不知道的JS》。精彩至极的一本书，将JavaScript的坑一网打尽。之前搞不懂的问题，比如闭包，this之类的都可以在这里找到答案。ES6也是必学的内容，推荐阮一峰老师的《ES6 标准入门》。但这本书以API居多，所以还是留个大概印象，以后写到类似的地方，查一查有没有ES6更简洁的写法就好，不必死记硬背。以及需要学会Webpack的使用，Babel和模块化就靠Webpack了。不太推荐《JavaScript权威指南》，也就是犀牛书。那就是一本字典……进阶：《JavaScript设计模式与开发实践》，设计模式是必须了解的内容，这本是写得不错的。《高性能JavaScript》，红宝书作者的另一力作，讲了一些优化技巧与性能瓶颈问题，值得一读。以上内容用时1个月左右，中途可穿插IFE2015 task2的题，比2016年的要简单。这些书全部刷完的话，应该可以跟人谈笑风生了。开始实践，IFE2016阶段二的题，想怎么刷就怎么刷吧。如果有编程经验的话，应该没什么压力了。3. JavaScript框架这部分就比较自由了，每个人点的技能树都不一样的。前端的发展是爆炸式的，换工具比翻书还快，所以还是以看文档为主了。目前主流框架经常被提及的是React，Angular，Vue。知乎搜一搜就有相当多的优秀答案了。不过这个答案也有时效性，说不定过两年这些框架全都被淘汰了呢【逃学习至少一种框架，把IFE2016刷通关吧。耗时1个半月左右。进阶：看各种源代码。这也是我最近打算做的事情，但是好像期末考要到了TAT最后补充一下，计算机基础知识是很重要的。由于本人有OI的经验所以稍微占点优势。再推荐几本书，抽空还是要看看的：《深入理解计算机系统》，CSAPP，也是我们专业这学期的课程（但是我的专业明明是EE啊）。《计算机网络 自顶向下方法》，看名字就知道必读了吧。操作系统好书挺多的，推荐一本 Operating Systems: Three Easy Pieces ，英文不够好就《现代操作系统》吧。算法和数据结构，推荐两本：《算法导论》《数据结构与算法分析》。似乎算法和数据结构与前端关系不大，但作为一个码农，不要求你写红黑树，至少快速排序和二分查找这种要会写的吧。请采纳！

弯度、 长度、 进度、 度过、 温度、 角度、 厚度、 猜度、 宽度、 揣度、 程度、 调度、 幅度、 风度、 大度、 忖度、 亮度、 热度、 度牒、 密度、 首度、 浓度、 国度、 坡度、 无度、 速度、 度命、 锥度、 月度、 再度、 测度、 超度、 光度、 硬度、 纯度、 合度、 精度、 跨度、 适度、 度量

这个问题，很好解决，可以咨询地方的相关的规定，按章办事！相信现在没人敢明目张胆的徇私枉法！ 问题是这修的自来水是好多年前的事了，现在收也合理吗？没水喝的时候他们怎么不管？ 打着为人民办实事的名，做着监守自盗的事！山高皇帝远农民也有苦说不出，很多事不是表面上的那种简单！ 矛盾和理解都需要开解决，逐级反映问题，一定有人管，现在政府只要是有问题就会有人管，一定会给你满意的答复。 难道现在的社会不是官官相互了，一个老百姓有那么多精力花这上面难道不会饿死掉？ 这个问题，会设计到很多人，所以应该可以安排好人咨询吧，中央刚刚下大文件，要严打……无论大问题小问题都会解决的！

1、界面元素的需求在Web前端开发中，简单这个原则是很重要的。在任何时候，你在屏幕上显示越多的控制，您的用户将不得不花费的时间去搞清楚如何使用界面。当选择变少时，可用的功能变得更加明显更容易被发现。简化的界面虽然是不容易的，尤其是如果你不想限制应用程序的功能的时候。当你点击 Kontain 搜索框的搜索链接时，会出现一个类似于下拉菜单的层。所以，如果您需要来缩小搜索范围，您可以选择菜单中你所需要的类型。这些选项的聚合简化了搜索框。隐藏或者掩盖高级功能 是使事情更加简单的一种方法。找出最常用的功能，并且把剩下的藏起来。你可以用弹出式菜单和操作来做这件事，这在桌面软件中很常见。例如，如果您的搜索栏拥有高级过滤器，把它们放在尾部的一个特别的下拉菜单中。如果用户需要使用这些过滤器，他们只需几下点击便可以开启这些功能。决定该保留什么隐藏什么不是一个简单的任务，也会取决于重要性和操作时的频繁程度。当你点击 CollabFinder 的搜索链接时你不需要打开不同的页面，相反，搜索框的控制菜单下拉下来，允许你能够直接开始搜索。2、专门操作根据情况选择合适的界面控件 是很重要的。不同情况下可以用不同的方式处理，而且某些控件会比其他控件能够更好地完成他们的目标工作。Backpack 里有一个紧凑的日历和时间选择器选择提醒日期。例如，你可以通过一个下拉列表来选择年月日，但是和日历选择器相比下拉列表不是非常高效的，在日历里你可以直接通过点击选择你想要的某一天。日历选择器也会让你更容易看到日期、周期和月份（特别是工作日和休息日），因此能够让你比用简单的下拉列表更快地做出更明智的选择 。3、禁用按下按钮在web应用程序的表单问题中有一个就是提交过程，非常简单的表单，如果你快速地点击两次或者次“提交”按钮，这个表单会被多次提交。这显示是个问题，因为它会重复创建相同的项目 。防止重复提交的不是很难，而且对于大多数Web应用程序来说做到这一点是非常必要的。它有两层维护：客户端和服务器端 。我们不会通过服务器端维护是因为这将取决于您使用的编程语言和你的后端架构。基本上你应该做的就是在提交过程中添加一个检测机制，去检查被提交的内容是否重复，并且是否需要阻止提交。在 Yammer 上，当你的新消息被提交之后，“更新”按钮将被禁止。客户端则是简单得多。所有您需要做的就是在点击之后禁用“提交”按钮 。最简单的方法就是为“提交”按钮添加一段JavaScript，如下所示：<input type=”submit” value=”Submit” onclick=”this.disabled=true” />当然，我们会建议您同时还对服务器端进行检查，以确保重复不会获得通过。4、模拟窗口的阴影在弹出菜单和窗口下的阴影不止是看起来很漂亮这么简单。它们帮助菜单或者窗口通过强调从背景中脱颖而出 。它们还通过周围暗色调区域来屏蔽掉背景内容的噪音。这种技术来源于传统的桌面软件，帮助用户把他们的焦点放在出现的窗口上。由于大多数情景窗口是不容易从桌面程序中辨识出来，所以阴影帮助他们更接近于读者，因为感觉上窗口似乎是三维地浮在其他页面上。Digg 的登录窗口有一个厚厚的阴影围绕它来屏蔽网页噪音。5、空白状态告诉你要做什么当你设计一个Web应用程序时，你不仅需要通过样本数据去测试这个程序，而且最重要的是当什么内容都没有的情况下，你要确保它看起来不错而且是有帮助的 。当在页面或者查询结果没有信息时，告诉你如何才能处理这些空白区域是一条很有帮助的信息。例如，一个项目管理应用程序的网页可能会列出用户的项目，但如果没有项目，你可以提供一个创建项目的链接。即使已经有创建项目的按钮存在在页面上，但一点额外的帮助并不会有损失 。Campaign Monitor 会在你开始建立一个邮件广告时指导你正确的方向。这种技术实际上鼓励用户试用服务，并在注册之后直接使用这项服务。通过应用程序的单步指导用户能够帮助他/她去了解程序提供的优势以及是否有用。同样重要的是把最重要的操作呈现给用户并且只有这些而已——把所有功能都呈现出来并没有意义。请记住，用户通常希望得到一些或多或少提供给他们的具体构思，但是他们不想要直接跳到详细说明去——他们既没有时间也没有兴趣。通过空白状态去激励用户和行为，可以大大减少“辍学”，并且帮助您的潜在客户，更好地了解该系统如何工作。6、按钮的按下状态许多Web应用程序有自定义的按钮样式。这些都是用自定义图片作为他们背景的锚点或输入按钮。默认输入按钮可能不适合在一些情况下，以及文字链接有时过于渺小。目前的挑战是，当你把你的链接弄得看上去像按钮时，它们的操作也应该和按钮一样——这包括当用户点击它们时会有被“按动”的效果 。这不是一个纯粹的视觉调整。提供即时反馈给用户将使应用程序感觉更有响应性，并且给用户带来更接近于桌面软件的的用户体验。你可以通过CSS为按钮增加按下的效果。Highrise 的按钮实际上是在你点击的时候显示一个按下的效果，给用户一个非常舒适的反馈感觉。7、在登陆页面提供注册的连接一些没有注册你的应用程序的用户将不可避免地停在你的登录页面上。他们想要使用你的应用程序，但是却不能立刻找到注册页面。可能他们已经试过访问一个只提供给注册用户的特定页面。Goplan 的登陆页面上有个漂亮的彩色按钮指向注册页面。在你的登陆页面上放上注册的连接 会让一切容易很多。如果他们没有账户，他们不应该去寻找注册页面。我们研究证实：在注册页面，有18%的网站有登录表单或者链接到登陆页面的连接。8、上下文关联导航思考什么是用户期望看到的以及在每个给与的情景 中他们需要什么是很重要的。你不需要在每个地方显示同样的导航控件因为在用户可能不是在每个环境中都需要它们。上下文关联控件的最佳范例之一是最近在微软office 2007中的界面，在它的界面中默认的工具条被带装控件代替。每个标签上有不同控件相关的特定操作，无论是图形编辑，校对或者简单书面形式。web应用程序也可以受益于这种上下文关联的控件，因为这些控件通过只显示用户需要的内容来帮助整洁界面，并非显示所有的内容 。Lighthouse 提供一个熟悉的标签导航菜单，但是它在标签正下方有二级菜单。这个层级只显示当前项目相关活动的部分。9、更加重视主要功能不是所有控件拥有相同的重要性 。例如，在屏幕上创建一个新项目，你可以有两个按钮：“创建”和“取消”。这个“创建”的链接更重要一些，因为是用户大部分时间会去用的操作。只有少数才会去取消。所以如果这些控件挨着排放，你可能不会想要给于相同的重视。这个 Lighhouse 的“创建任务”按钮。你可以看到“取消”链接在旁边以纯文本格式。这个按钮不仅具有更重要的操作而且会有较大的点击区域并且容易去点击。为了让用户的重点转向“创建”链接，我们可以简单地利用不同的样式或者控件形式。一些应用程序的表单输入按钮用来作为创建动作，并且把取消操作作为一个文字连接。这样不仅给与创建按钮的点击区域 ，而且也帮助那些在搜寻内容的用户获得更好的焦点目光 。10、嵌入式视频当图片和文字作为一种很大的方式去和你的用户沟通并且教育你的用户有关你程序的特点时，如果你有资源去投入，视频甚至可以成为更好的选择。视频在最近几年的web应用上已被越来越受欢迎。对于Web应用程序，视频通常作为展示产品特点的示范影片 被用于市场网站中。但是这不是使用视频的唯一方法。GoodBarry 特点是在头版有示范视频去展示产品，它也通过利用示范影片去教育用户如何开始使用。一些Web应用程序使用视频嵌入在程序本身教导用户如果使用某些特定功能。视频是一种非常好的方式去快速展示你产品是被怎么使用的，因为它更容易描述超过一页文字的内容，也清楚得多，因为观众可以清楚地看到该怎么办。

　首先要了解HTML（超文本设计语言），记住使用原理；接着用两三天的时间学习CSS（层叠样式表单）；进而再花些时间了解一下javascript软件。掌握这些基础性知识后，就可试着用“记事本”编写网页，在初试阶段千万不要用那些可视化工具，如FrontPage、Dreamweaver，否则将不利于锻炼实际能力。

加一个html标签就可以了 <input type="reset" style="background:url(背景图片路径);" name="reset" value="">这个就是了，复制可以了value设置为空就可以了

<select><options>选项1</options><options>选项2</options><options>选项3</options></select>

1、文本框 <input type=text />2、文本域 <textarea></textarea>3、按钮 <input type=button />4、复选框 <input type=checkbox />5、单选按钮 <input type=radio />6、列表菜单 <select></select>7、文件域 <input type=file />8、图像域 <input type=image />9、隐藏域 <input type=hidden />这些就是比较常见的，其实一般的表单构造只用到1~6，而7~9用的也不多，我在这里只给出标记的中文名称和简单的标记语法，具体的属性、用法等内容比较多，请你在百度上看一下！

可以用js写，你把‘全国各地分为省市区县，html再调用下拉菜单给他增加动作行为就行，会别的语言也可以，网站技术问题不懂可问俺