如何创建一个HTML表单form用于提交数据

HTML页提交数据需要建立form表单来实现 , 一个完整的form表单需要设置好各个元素的属性才能正常提交数据 。 下面介绍若何建立一个HTML表单form用于提交数据 。
方式/
1建立一个HTML文件 , 定名为test.html , 用于介绍form表单的各个元素 。

如何创建一个HTML表单form用于提交数据

文章插图

2建立一个form表单 , 以<form>开首 , 以</form>竣事标签结从头至尾 。

如何创建一个HTML表单form用于提交数据

文章插图

3在test.html中 , 编写三个input元素 , 实现一个输入框 , 一个单选 , 这三个元素必需有name属性 , 表单提交时必需有name属性才能正常提交 。

如何创建一个HTML表单form用于提交数据

文章插图

4在页面中添加一个提交的按钮 , 类型为submit , 用于点击提交表单内容 , 这个也是必需的 。

如何创建一个HTML表单form用于提交数据

文章插图

5在form标签中增添action属性 , 这个属性用来设置表单提交的地址 , 这个地址用于领受并处置表单提交过来的数据 , 也是必需的 。

如何创建一个HTML表单form用于提交数据

文章插图

6为form表单添加method属性 , 这个属性用于设置数据提交的体例 , 有两种体例 , 一种是GET体例 , 即在URL中传递表单参数 , 另一种是POST体例 , 直接提交表单参数 。

如何创建一个HTML表单form用于提交数据

文章插图

7form表单还有一个name属性 , 一个表单的环境下可以不设置 , 但统一个页面有多个表单时 , 必需设置以区分分歧的表单 。

如何创建一个HTML表单form用于提交数据

文章插图

8【如何创建一个HTML表单form用于提交数据】至此 , 完当作表单的设置 。 以上的参数设置正常 , 表单才能正常提交数据 。

如何创建一个HTML表单form用于提交数据

文章插图


以上内容就是如何创建一个HTML表单form用于提交数据的内容啦 , 希望对你有所帮助哦!

    推荐阅读