HTML之表单与输入

HTML 表单用于收集不同类型的用户输入。表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。

HTML之 表单与输入

创新互联公司一直秉承“诚信做人,踏实做事”的原则,不欺瞒客户,是我们最起码的底线! 以服务为基础,以质量求生存,以技术求发展,成交一个客户多一个朋友!为您提供成都网站设计、成都网站建设、成都网页设计、成都微信小程序、成都网站开发、成都网站制作、成都软件开发、成都App制作是成都本地专业的网站建设和网站设计公司,等你一起来见证!

HTML 表单

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

表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。
表单使用表单标签

来设置:


.
.
HTML 表单 - 输入元素

多数情况下被用到的表单标签是输入标签()。

输入类型是由类型属性(type)定义的。大多数经常被用到的输入类型如下:

文本域(Text Fields)

文本域通过标签来设定,当用户要在表单中键入字母、数字等内容时,就会用到文本域。

First name:
Last name:

浏览器显示如下:

First name: 
Last name: 

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

密码字段

密码字段通过标签 来定义:

Password:

浏览器显示效果如下:

Password: 

单选按钮(Radio Buttons)

标签定义了表单单选框选项

Male
Female

浏览器显示效果如下:

Male
Female

复选框(Checkboxes)

定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。

I have a bike
I have a car 

浏览器显示效果如下:

I have a bike
I have a car

提交按钮(Submit Button)

定义了提交按钮.

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


Username:


浏览器显示效果如下:

Username: 

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

原文地址: https://www.linuxprobe.com/html-forms-and.html


当前文章:HTML之表单与输入
URL地址:http://hbruida.cn/article/gjocsh.html