关于我们 | 联系我们

yobo体育网页版_主页

当前位置:主页 > 产品展示 > 产品四类 >

yobo体育网页版-HTML表单4(form的action、method属性)——零基础自学网页制作

本文摘要:表单的事情历程表单的信息发送与处置惩罚历程可以简朴的举行图示,如下图。以注册会员为例,用户在自己的电脑上打开相应的注册表单页面填写信息,完成填写后点击提交按钮,也就是图中1所示历程。这时浏览器会将这些信息发送给处置惩罚这些信息的服务器,服务器上有使用类似asp或php写成的相应的处置惩罚法式,处置惩罚完成后,生成一个反馈信息,也就是2到3的历程。然后服务器将处置惩罚后的信息发送给小我私家电脑,小我私家电脑在浏览器上通过一个新页面来提示用户处置惩罚效果。

yobo体育网页版

表单的事情历程表单的信息发送与处置惩罚历程可以简朴的举行图示,如下图。以注册会员为例,用户在自己的电脑上打开相应的注册表单页面填写信息,完成填写后点击提交按钮,也就是图中1所示历程。这时浏览器会将这些信息发送给处置惩罚这些信息的服务器,服务器上有使用类似asp或php写成的相应的处置惩罚法式,处置惩罚完成后,生成一个反馈信息,也就是2到3的历程。然后服务器将处置惩罚后的信息发送给小我私家电脑,小我私家电脑在浏览器上通过一个新页面来提示用户处置惩罚效果。

这里就涉及到一个问题,一个网站会有针对差别用户的信息注册表单以及相应的信息处置惩罚法式,好比我们注册头条号就有"小我私家"、"企业"、"媒体"和"国家机构"的区分。如何使差别的表单找到相应的处置惩罚法式呢?在<form>标签中,有一个action属性就是为这个表单信息指定处置惩罚法式的。

<form>中的action属性挪用法式<form>的action属性实际上就是为表单提示处置惩罚法式所在的路径,如果法式和页面在一个服务器中存储,那使用相对路径即可,如果在其他服务器,则要使用绝对路径。示例代码如下:<form action="form_action.asp" method="get"><p>First name: <input type="text" name="fname" /></p> <p>Last name: <input type="text" name="lname" /></p> <input type="submit" value="Submit" /></form>这段代码中的"form_action.asp"法式和这个表单页面在一个文件夹中,故直接写名称即可挪用。

发送邮件action属性除了挪用法式外,也可以发送邮件,示例代码如下:<form action="MAILTO:someone@w3school.com.cn" method="post" enctype="text/plain"><h3>这个表单会把电子邮件发送到 W3School。</h3>姓名:<br /><input type="text" name="name" value="yourname" size="20"><br />电邮:<br /><input type="text" name="mail" value="yourmail" size="20"><br />内容:<br /><input type="text" name="comment" value="yourcomment" size="40"><br /><br /><input type="submit" value="发送"><input type="reset" value="重置"></form>这段代码中。发送邮件的写法是这样的:action="MAILTO:someone@w3school.com.cn",通过MAILTO:告诉浏览器,这里要发送邮件!然后输入相应的邮箱地址,这样就会把表单中的信息以邮件的形式发送到相应的邮箱中了。大家可以把邮箱地址改成自己的邮箱试一下,浏览器会让大家选择发送邮件的法式。

如图所示:使用这个功效我们可以写一个简朴的邮件发送页面,示例代码如下:<form action="mailto:yourname@domain.com" method="post" enctype="text/plain">主题:<input name="subject" type="text"><br>抄送:<input name="cc" type="text"><br>密送:<input name="bcc" type="text"><br>正文:<textarea name="body"></textarea><br><input type="submit"></form>这样的写法大家可能会发现问题,即如果一个网站注册用户凌驾100人以后,靠这种手动输入用户邮箱的方法发送邮件简直就是折磨人啊!实际上,在网站中,我们会把会员或注册用户的邮箱存在数据库中,通过挪用数据库中的用户邮箱的法式语句来替换action中的详细邮箱地址即可,再通历程序,可以针对全部用户或部门用户举行群发信息。其中,enctype属性是向服务器声明上传信息的形式,也就是向服务器说明发送的数据到底是数字还是英文还是中文还是编程语句。专业一些的说法是"划定在发送表单数据之前如何对其举行编码。"全下属性值有三个,如图所示,大家可以简要明白一下。

除此之外,我们还发现一个属性叫做method(方法),通过上面的示例代码可知,method属性有两个属性值,一个是get一个是post,这是什么意思呢?信息上传的两种方法<form>中的method标签即为表单信息指定相应的发送方法。方法有两种,一种叫get,这种方法通常用来发送简短的且低宁静要求的信息,特点是速度比力快。post经常用来发送体积较大的信息,如果发送一些对宁静性要求高的信息,html的官方说明中建议使用post方法。

我小我私家认为,现阶段大家能记着这两个方法的主要特点即可。这一篇的内容实际上也是前端学习者对服务器端的运行的相识内容。

yobo体育网页版

下面为大家附上更为专业的解说,看不懂也没关系,只管读,至少能被专业词汇洗礼一下!method 属性浏览器使用 method 属性设置的方法将表单中的数据传送给服务器举行处置惩罚。共有两种方法:POST 方法和 GET 方法。如果接纳 POST 方法,浏览器将会根据下面两步来发送数据。首先,浏览器将与 action 属性中指定的表单处置惩罚服务器建设联系,一旦建设毗连之后,浏览器就会按分段传输的方法将数据发送给服务器。

在服务器端,一旦 POST 样式的应用法式开始执行时,就应该从一个标志位置读取参数,而一旦读到参数,在应用法式能够使用这些表单值以前,必须对这些参数举行解码。用户特定的服务器会明确指定应用法式应该如何接受这些参数。另一种情况是接纳 GET 方法,这时浏览器会与表单处置惩罚服务器建设毗连,然后直接在一个传输步骤中发送所有的表单数据:浏览器会将数据直接附在表单的 action URL 之后。

这两者之间用问号举行分开。一般浏览器通过上述任何一种方法都可以传输表单信息,而有些服务器只接受其中一种方法提供的数据。可以在 <form> 标签的 method (方法)属性中指明表单处置惩罚服务器要用方法来处置惩罚数据,使 POST 还是 GET。POST 还是 GET?如果表单处置惩罚服务器既支持 POST 方法又支持 GET 方法,那么你该选择哪种方法呢?下面是有关这方面的一些纪律:如果希望获得最佳表单传输性能,可以接纳 GET 方法发送只有少数简短字段的小表单。

yobo体育网页版

一些服务器操作系统在处置惩罚可以立刻通报给应用法式的下令行参数时,会限制其数目和长度,在这种情况下,对那些有许多字段或是很长的文本域的表单来说,就应该接纳 POST 方法来发送。如果你在编写服务器端的表单处置惩罚应用法式方面履历不足,应该选择 GET 方法。如果接纳 POST 方法,就要在读取息争码方法做些分外的事情,也许这并不很难,可是也许你不太愿意去处置惩罚这些问题。如果宁静性是个问题,那么我们建议选用 POST 方法。

GET 方法将表单参数直接放在应用法式的 URL 中,这样网络窥探者可以很轻松地捕捉它们,还可以从服务器的日志文件中举行摘录。如果参数中包罗了信用卡帐号这样的敏感信息,就会在不知不觉中危及用户的宁静。而 POST 应用法式就没有宁静方面的毛病,在将参数作为单独的事务传输给服务器举行处置惩罚时,至少还可以接纳加密的方法。

如果想在表单之外挪用服务器端的应用法式,而且包罗向其通报参数的历程,就要接纳 GET 方法,因为该方法允许把表单这样的参数包罗进来作为 URL 的一部门。而另一方面,使用 POST 样式的应用法式却希望在 URL 后还能有一个来自浏览器分外的传输历程,其中传输的内容不能作为传统 <a> 标签的内容。以上内容来自W3school今天的内容竣事了,这一篇内容实践的工具比力少,主要是阅读与相识。

至此,HTML表单部门的解说就算告于段落了,如果您有任何疑问请给我留言,如有问题或错误请予以斧正!如果您喜欢我的教程请关注我,点赞也能让我充满动力!HTML完整学习目录HTML序章(学习目的、工具、基本观点)——零基础自学网页制作HTML是什么?——零基础自学网页制作第一个HTML页面如何写?——零基础自学网页制作HTML页面中head标签有啥用?——零基础自学网页制作初识meta标签与SEO——零基础自学网页制作HTML中的元素使用方法1——零基础自学网页制作HTML中的元素使用方法2——零基础自学网页制作HTML元素中的属性1——零基础自学网页制作HTML元素中的属性2(路径详解)——零基础自学网页制作使用HTML添加表格1(基本元素)——零基础自学网页制作使用HTML添加表格2(表格头部与脚部)——零基础自学网页制作使用HTML添加表格3(间距与颜色)——零基础自学网页制作使用HTML添加表格4(行颜色与表格嵌套)——零基础自学网页制作16进制颜色表现与RGB色彩模型——零基础自学网页制作HTML中的块级元素与内联元素——零基础自学网页制作初识HTML中的<div>块元素——零基础自学网页制作在HTML页面中嵌入其他页面的方法——零基础自学网页制作关闭在家学网页制作!为页面嵌入PDF文件——零基础自学网页制作HTML表单元素初识1——零基础自学网页制作HTML表单元素初识2——零基础自学网页制作HTML表单3(下拉列表、多行文字输入)——零基础自学网页制作HTML表单4(form的action、method属性)——零基础自学网页制作HTML列表制作解说——零基础自学网页制作为HTML页面添加视频、音频的方法——零基础自学网页制作音视频花样转换神器与html视频元素加字幕——零基础自学网页制作HTML中使用<a>标签实现文本内链接——零基础自学网页制作。


本文关键词:yobo体育网页版,yobo,体育,网页,版,-HTML,表单,form,的,action,、

本文来源:yobo体育网页版-www.njfuhao.com

Copyright © 2008-2022 www.njfuhao.com. yobo体育网页版科技 版权所有 备案号:ICP备21067937号-6