web开发表单入门教程
网站表单如何设计好？
网站表单如何设计好？
1、尽量让表单一目了然用户浏览网站的时候，通常会快速扫视来获取信息，看看网站内容和设计是否对他们的胃口或者符合需求，再决定要如何应对、交互。表单也是一样的道理。一目了然的表单能让用户立刻知道他们需要填写多少信息，以及如何提交表单。更多平面设计知识，请咨询华南平面设计学校。
2、考虑使用浮动的提示文本对于是否要在表单的输入框中加入提示文本有很多争论，其中主要的争论围绕在一点上：当用户点击输入框，光标出现准备输入的时候，其中的提示文本并没有自动消失，而需要手动删除之后再才能输入。这就非常尴尬了。
3、使用表单格式掩码格式掩码能够提醒用户输入的内容的格式，字段的长短大小，对于表单的可用性有明显提升。在用户激活输入框的时候，格式掩码会出现，它会帮助用户格式化输入信息，避免提交的时候出错。格式掩码常见于数字输入的时候。
4、把表单设计得易于输入你无法确知用户使用的是手机还是电脑在浏览你的网页，输入你的表单，但是它应该对于各种输入设备都足够友好才行。考虑到你的表单可能会是不同类型的键盘输入的，所以你应该根据表单字段属性和检测到的键盘类型，进行适配。
5、选择垂直单列布局对于用户而言，垂直单列的布局比起多列的布局更容易使用。当用户浏览的时候，只需要向下浏览即可，不用来回翻看，也可以很好的避免填写过程中的遗漏。
6、控制输入内容尽量使用浏览器的记忆功能和Cookie，调用数据将表单中常见的字段预先填充进去。没有什么比打开表单其中的多数字段已经自动填写进去，更让人兴奋的了。
7、让表单短而美当你设计表单的时候，总想从用户那儿尽可能多的获取信息，一定要克制住这个冲动!只在表单中呈现重要信息，让用户尽可能少的填写。如果稍后需要提供更多的信息，可以在其他的地方诸如电子邮件中向用户获取信息。当用户已经完成注册之后，你们后续推送信息、相互沟通、获取信息的机会更多了。尽量只保留必要的字段供用户填写，不要提供冗余的选项，让表单小而美。
网页实例中常见的表单元素有哪些？
1、ltinputgt元素定义输入框，根据不同的 type 属性，可以变化为多种形态。例如：ltinputtypetextgt表示文本输入框，ltinputtypepasswordgt表示密码输入框，ltinputtyperadiogt表示单选输入框，ltinputtypecheckboxgt表示复选输入框。
2、ltselectgt 元素定义下拉列表；
3、ltoptiongt 元素定义待选择的选项；列表通常会把首个选项显示为被选选项。能够通过添加selected属性来定义预定义选项；
4、lttextareagt 元素定义多行输入字段（文本域）；
5、ltbuttongt 元素定义可点击的按钮；
6、ltdatalistgt 元素为ltinputgt元素规定预定义选项列表；用户会在他们输入数据时看到预定义选项的下拉列表。