HTML怎么明文提交

html-css05

HTML怎么明文提交,第1张

1.首首先我们要提交一个HTML页面的数据，需要一个按钮，我们常见的按钮有三种，分别是普通按钮、提交按钮、重置按钮，提交页面需要用到是提交按钮，提交按钮只要通过将input标签的type值设置为submit，如果我们需要给这个按钮命名的话，就添加一个value属性，属性值为你想设置的按钮名。2.当然，我们只是添加一个提交按钮，是没有办法传输数据的，这个时候，我们需要用到form标签，我们需要将需要传输的数据都包裹在form标签里面，然后我们在form标签里加上action属性，action属性的值为要跳转的页面的路径（关于页面路径，可以参考“如何指定图片路径”），此时我们点击提交按钮就可以实现页面的跳转了。3.接下来我们设置一下隐藏域，将input标签的type值设置为“hidden”，value值为需要存放的ID信息，最后设置一下name值即可。4.此时我们的提交方式是默认为“get”，即form标签中的method属性的值默认为“get”，我们也可以设置为“post”。此时我们需要了解一下关于get和post提交方法的区别，比较直观的一点就是，get请求的数据会附在URL之后，而post把提交的数据则放置在是HTTP包的包体中，还有就是post请求会比get请求的传送数据量大，安全性高。5.最后我们运行一下页面，然后点击提交按钮，跳转到另一个页面。

拓展：HTML是什么？

Html是超文本标记语言，是用来描述web文档的一种标记语言。使用标签作为页面的开始和结束部分：1、html通常被称为静态网页；2、HTML是带html或Htm扩展名的文件；3、HTML的一些标签代码规则将内容呈现在浏览器中；4、HTML可以使用记事本创建，并以.html或.htm为扩展名保存。

要想被submit提交，必须为input设置name属性。checkbox通过指定相同的name来绑定，value则是提交的值

<form action="demo.php">

<label for="c1">VSCode</label>

<input type="checkbox" name="editor" id="c1" value="VSCode">

<label for="c2">Idea</label>

<input type="checkbox" name="editor" id="c2" value="Idea">

<input type="submit" name="" id="">

</form>

提交后明文地址如下：

demo.php?editor=VSCode&editor=Idea

当然不是的，post可以使用表单提交数据也可以使用ajax提交数据，get方法也是一样的，只不过get方法是通过url传值，可以在url后面直接加参数实现get方法提交数据的。

工具原料：编辑器、浏览器

1、get或者post都是可以通过form表单提交数据的，代码如下

<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>

以上的method属性就是可以填写get或者post方法

2、get或者post也都是可以通过ajax提交的,代码如下：

$.ajax({

type:"get",

url:"",

async:true

})

ajax中的type可以自定义get或者post方法进行传值。