html表单的完整代码 html模板下载

大家好,今天小编来为大家解答以下的问题，关于html表单的完整代码，html模板下载这个很多人还不知道，现在让我们一起来看看吧！

HTML 表单提交 的简单代码

1、打开Dreamweaver编辑器，准备好一个空白的html文件，写入基本的html结构：

2、创建表单，演示中表单中设置年龄和姓名两个属性，然后创建提交按钮：

3、上方设置script标签，在里面创建js函数，函数内容为获取表单提交

3、接着打开浏览器预览效果，在表单内填入内容点击提交：

4、点击提交后，js就会把数据提交到指定位置了。以上就是HTML提交表单的操作：

HTML表单的输入

多数情况下被用到的表单标签是输入标签（<input>）。输入类型是由类型属性（type）定义的。大多数经常被用到的输入类型如下：当用户要在表单中键入字母、数字等内容时，就会用到文本域(text fields)。<form>Firstname:<inputtype="text"name="firstname"/><br/>Lastname:<inputtype="text"name="lastname"/></form>浏览器显示如下：

注意，表单本身并不可见。同时，在大多数浏览器中，文本域的缺省宽度是20个字符。当用户从若干给定的的选择中选取其一时，就会用到单选框(radio buttons)。<form><inputtype="radio"name="sex"value="male">Male<inputtype="radio"name="sex"value="female">Female</form>浏览器显示如下： MaleFemale注意，只能从中选取其一。

如图：

表单的动作属性(action)定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。<formname=inputaction=html_form_action.aspmethod=get>Username:<inputtype=textname=user><inputtype=submitvalue=Submit></form>浏览器显示如下：

Username:

如下图：

假如您在上面的文本框内键入几个字母，并且点击确认按钮，那么输入数据会被传送到名为 html_form_action.asp的页面。那一页将显示出输入的结果。

html表单是什么

<form>->声明表单

<select>->下拉框

<radio>->单选框

<input>->文本框

<text>->文本字段

一个表单有三个基本组成部分：表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。

属性解释：

action=url用来指定处理提交表单的格式。它可以是一个URL地址（提交给程式）或一个电子邮件地址。

method=get或post指明提交表单的HTTP方法。可能的值为：post：POST方法在表单的主干包含名称/值对并且无需包含于action特性的URL中。get：不赞成。GET方法把名称/值对加在action的URL后面并且把新的URL送至服务器。这是往前兼容的缺省值。这个值由于国际化的原因不赞成使用。

以上内容参考：百度百科-表单

好了，文章到这里就结束啦，如果本次分享的html表单的完整代码和html模板下载问题对您有所帮助，还望关注下本站哦！