这篇文章主要介绍了在网页中创建表单的目的,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。
在网页中创建表单的目的:收集资料。表单对于用户而言是数据的录入和提交的界面;表单对于网站而言获取用户信息的途径。表单从用户收集信息,然后将这些信息提交给服务器进行处理。
表单是用来收集站点访问者信息的域集。表单从用户收集信息,然后将这些信息提交给服务器进行处理。
表单是实现动态网页的一种主要的外在形式,利用表单可以收集浏览者的信息或实现搜索等功能。
表单信息的处理过程:单击表单中的提交按钮时,在表单中输入的信息就会被提交到服务器中,服务器的有关应用程序会处理提交信息。处理结果或者是将用户提交的信息储存在服务器端的数据库中,或者是将有关信息返回到客户端的浏览器上。
完整的实现表单功能,需要设计两个方面:一是用于描述表单对象的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 | 设置图像按钮元素 |
感谢你能够认真阅读完这篇文章,希望小编分享在网页中创建表单的目的内容对大家有帮助,同时也希望大家多多支持亿速云,关注亿速云行业资讯频道,遇到问题就找亿速云,详细的解决方法等着你来学习!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。