温馨提示×

温馨提示×

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

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

在网页中创建表单的目的

发布时间:2020-09-08 11:12:08 来源:亿速云 阅读:236 作者:小新 栏目:web开发

这篇文章主要介绍了在网页中创建表单的目的,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

在网页中创建表单的目的:收集资料。表单对于用户而言是数据的录入和提交的界面;表单对于网站而言获取用户信息的途径。表单从用户收集信息,然后将这些信息提交给服务器进行处理。

在网页中创建表单的目的

表单是用来收集站点访问者信息的域集。表单从用户收集信息,然后将这些信息提交给服务器进行处理。

表单是实现动态网页的一种主要的外在形式,利用表单可以收集浏览者的信息或实现搜索等功能。

表单信息的处理过程:单击表单中的提交按钮时,在表单中输入的信息就会被提交到服务器中,服务器的有关应用程序会处理提交信息。处理结果或者是将用户提交的信息储存在服务器端的数据库中,或者是将有关信息返回到客户端的浏览器上。

完整的实现表单功能,需要设计两个方面:一是用于描述表单对象的HTML源代码;二是客户端的脚本,或者服务器端用于处理所填写信息的程序。

表单组成标记

标记描述
<form>定义一个表单区域,以及携带表单的相关信息
<input>设置输入表单的元素
<select>设置列表元素
<option>设置列表元素中的项目
<textarea>设置表单文本域元素,如备注

表单标记

<form name="表单名称,用于脚本引用" method="提交方法,定义表单数据从客户端传到服务器的方法,get和post两种,多用post方法" action="处理程序,用于指定处理表单的服务端程序">...</form>

除了以上三个属性外,还有onsubmit属性,用来指定处理表单的脚本函数和enctype属性。

Action 属性

action 属性定义在提交表单时执行的动作。

向服务器提交表单的通常做法是使用提交按钮。

通常,表单会被提交到 web 服务器上的网页。

在上面的例子中,指定了某个服务器脚本来处理被提交表单:

<form action="action_page.php">

如果省略 action 属性,则 action 会被设置为当前页面。

输入标记<input>

<input type="元素类型" name="表单元素名称">(type和name属性是必设属性)

type属性值

type属性值  描述
text设置单行文本框元素
password设置密码元素
file设置文件元素
hidden设置隐藏元素
radio设置单选框元素
checkbox设置复(多)选框元素
button设置普通按钮元素
submit设置提交按钮元素
reset设置重置按钮元素
image设置图像按钮元素

感谢你能够认真阅读完这篇文章,希望小编分享在网页中创建表单的目的内容对大家有帮助,同时也希望大家多多支持亿速云,关注亿速云行业资讯频道,遇到问题就找亿速云,详细的解决方法等着你来学习!

向AI问一下细节

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

AI