HTML 表单的用法

HTML中表单可以用来搜集用户各种类型的输入信息。表单实际上是包含表单元素的区域,在这个区域中的各种元素的输入信息最终都将通过表单提交到程序脚本中。例如常见的有用户登录、注册、发布文章等等,都是通过表单提交到动态程序进行处理的。本节主要讲述表单和表单的元素,关于如何提交表单信息到动态程序,将在以后的程序语言课中再来讲述。表单的区域是使用标签定义表单的范围,在中的元素的值会被通过这个表单提交到对应的地址中。

输入信息

一般表单内多以使用<input>标签收集用户的输入信息,其输入类型是由type决定的。

多数情况下被用到的表单标签是输入标签(<input>)。输入类型是由类型属性(type)定义的。常见的输入类型有文本域、单选按钮、复选框、下拉菜单等等。

文本域

文本域可以为用户提供输入文字的功能,浏览器会将文本域解译为一个矩形框,用户将光标移动到该框体,并点击即可将光标移动到框体内。用户可以在表单中键入字母、数字等内容。

文本域的定义方法是在<input>标签中为type属性设置text值


单选按钮

单选按钮多数情况下出现在用户注册时录入资料的选项中,该类型多用户只允许用户选择一项结果时使用。

单选按钮的定义方法是在<input>标签中将type属性的值设置为radio


复选框

复选框可让用户勾选某些对应的一个或多个选项。常见的一般是在用户登录时,为用户提供记住登录帐号等功能。也可以在用户调查的页面中,搜集用户的多项意见。

复选框定义方法是在<input>标签中将type属性的值设置为checkbox


下拉菜单

下拉菜单在信息选择上与单选类似,但是下拉菜单可以容纳更多的信息。并且下拉菜单在选择菜单值后可以执行额外的脚本。

下拉菜单以<select>


提交按钮

提交按钮是每个表单的必要组成部分。用户将对应的信息录入完毕后,需要通过点击提交按钮触发动作,将表单的值提交到下一个页面。当标签中的action属性设置了对应的提交地址时,提交按钮会将该表单中获得的所有数据提交到这个地址的页面中。

提交按钮的定义方法是在input标签中将type的值设置为submit。下面以前端开拓者的搜索框为例,将提交地址设置为搜索页面。


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.表单是Web页面上负责用户输入与服务器端数据交互的最基础方式 HTML中表单可以用来搜集用户各种类型的输入信息...
    淡然7698阅读 178评论 0 0
  • 一、表单 1. 表单的作用 HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户...
    zx9426阅读 434评论 0 1
  • 一、HTML表单 表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,比如:文本域(textarea...
    饥人谷_李维超阅读 342评论 0 0
  • HTML表单的用法 表单表单作用:HTML表单用于搜集不同类型的用户输入。表单的工作机制访问一个含有表单的页面输入...
    饥人谷_罗丹阅读 290评论 0 0
  • 本能是什么? 百科上说:人的本能,是指人类与生俱来的、不需教导和训练的、天赋的、在人类进化路上所留下的一些行为和能...
    逄格亮阅读 252评论 0 0