温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

HTML表单输入方法实例分析

发布时间:2022-02-17 15:11:57 来源:亿速云 阅读:151 作者:iii 栏目:开发技术

今天小编给大家分享一下HTML表单输入方法实例分析的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。

HTML表单输入方法实例分析

HTML 表单

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

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

来设置:
.
input 元素.

HTML 表单 – 输入元素

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

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

文本域(Text Fields)

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

First name:type="text" name="firstname">
Last name:type="text" name="lastname">

浏览器显示如下:

First name: Last name:

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

密码字段

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

Password:type="password" name="pwd">

浏览器显示效果如下:

Password:

单选按钮(Radio Buttons)

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

type="radio" name="sex" value="male">Male
type="radio" name="sex" value="female">Female

浏览器显示效果如下:

Male Female

复选框(Checkboxes)

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

type="checkbox" name="vehicle" value="Bike">I have a bike
type="checkbox" name="vehicle" value="Car">I have a car

浏览器显示效果如下:

I have a bike I have a car

提交按钮(Submit Button)

定义了提交按钮.

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

"input" action="html_form_action.php" method="get">
Username:type="text" name="user">type="submit" value="Submit">

浏览器显示效果如下:

Username:

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

以上就是“HTML表单输入方法实例分析”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI