好程序员 web 前端分享 HTML 表单用于搜集不同类型的用户输入。

站在用户的角度思考问题，与客户深入沟通，找到屏南网站设计与屏南网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：网站制作、成都网站设计、企业官网、英文网站、手机端网站、网站推广、域名注册、网络空间、企业邮箱。业务覆盖屏南地区。

 

　　表单

 

　　表单是一个包含表单元素的区域。

 

　　表单元素是允许用户在表单中 ( 比如：文本域、下拉列表、单选框、复选框等等 ) 输入信息的元素。

 

　　表单使用表单标签 (

 

　　) 定义。

　　...

　　input 元素

　　...

　　输入

　　多数情况下被用到的表单标签是输入标签 () 。输入类型是由类型属性 (type) 定义的。大多数经常被用到的输入类型如下：

 

　　文本域 (Text Fields)

 

　　当用户要在表单中键入字母、数字等内容时，就会用到文本域。

 

　　First name:

　　 Last name:

 

　　浏览器显示如下：

 

　　注意，表单本身并不可见。同时，在大多数浏览器中，文本域的缺省宽度是 20 个字符。

 

　　单选按钮 (Radio Buttons)

 

　　当用户从若干给定的的选择中选取其一时，就会用到单选框。

 

　　Male

　　 Female

 

　　浏览器显示如下：

 

　　注意，只能从中选取其一。

 

　　复选框 (Checkboxes)

 

　　当用户需要从若干给定的选择中选取一个或若干选项时，就会用到复选框。

 

　　I have a bike

 

　　I have a car

 

　　浏览器显示如下：

 

　　表单的动作属性 (Action) 和确认按钮

 

　　当用户单击确认按钮时，表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。

 

　　Username:

 

　　浏览器显示如下：

 

　　假如您在上面的文本框内键入几个字母，然后点击确认按钮，那么输入数据会传送到 "html_form_action.asp" 的页面。该页面将显示出输入的结果。

 

　　表单标签

 

　　标签描述

 

　　定义供用户输入的表单

 

　　定义输入域

 

　　定义文本域 ( 一个多行的输入控件 )

 

　　定义一个控制的标签

 

　　定义域

 

　　定义域的标题

 

　　定义一个选择列表　　　　定义选项组　　　　定义下拉列表中的选项　　　　定义一个按钮　　　　可以搜索该索引。请键入要搜索的关键字 :

 

　　已废弃。有代替。

当前文章：好程序员web前端分享HTML表单和输入
当前URL：http://scyanting.com/article/gidppi.html