好程序员 web 前端分享 HTML 表单用于搜集不同类型的用户输入。
表单
表单是一个包含表单元素的区域。
表单元素是允许用户在表单中 ( 比如:文本域、下拉列表、单选框、复选框等等 ) 输入信息的元素。
表单使用表单标签 (
) 定义。
...
input 元素
...
输入
多数情况下被用到的表单标签是输入标签 () 。输入类型是由类型属性 (type) 定义的。大多数经常被用到的输入类型如下:
文本域 (Text Fields)
当用户要在表单中键入字母、数字等内容时,就会用到文本域。
First name:
<p><font size="3"> Last name:</font></p>
浏览器显示如下:
注意,表单本身并不可见。同时,在大多数浏览器中,文本域的缺省宽度是 20 个字符。
单选按钮 (Radio Buttons)
当用户从若干给定的的选择中选取其一时,就会用到单选框。
Male
<p><font size="3"> Female</font></p>
浏览器显示如下:
注意,只能从中选取其一。
复选框 (Checkboxes)
当用户需要从若干给定的选择中选取一个或若干选项时,就会用到复选框。
I have a bike
I have a car
浏览器显示如下:
表单的动作属性 (Action) 和确认按钮
当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。
Username:
浏览器显示如下:
假如您在上面的文本框内键入几个字母,然后点击确认按钮,那么输入数据会传送到 "html_form_action.asp" 的页面。该页面将显示出输入的结果。
表单标签
标签描述
定义供用户输入的表单
定义输入域
定义文本域 ( 一个多行的输入控件 )
定义一个控制的标签
定义域
定义域的标题
定义一个选择列表 定义选项组 定义下拉列表中的选项 定义一个按钮 可以搜索该索引。请键入要搜索的关键字 :
已废弃。有代替。
本文题目:好程序员web前端分享HTML表单和输入-创新互联
网站路径:https://www.cdcxhl.com/article16/djdogg.html
成都网站建设公司_创新互联,为您提供网站维护、微信小程序、网站营销、搜索引擎优化、网站设计、建站公司
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联