专业编程基础技术教程

网站首页 > 基础教程 正文

HTML表单基本元素的应用之提交按钮和重置按钮

ccvgpt 2024-08-03 12:45:46 基础教程 22 ℃

提交按钮

提交按钮用来将输入的信息提交到服务器。代码格式如下:

<input type="submit" name="..." value="...">

HTML表单基本元素的应用之提交按钮和重置按钮

其中type="submit"定义提交按钮;name属性定义提交按钮的名称;value属性定义按钮的显示文字。通过提交按钮,可以将表单的信息提交给表单里action所指向的文件。

(1)编写代码如下图所示,在<body>标签中加入以下代码。

(2)在浏览器中打开文件,预览效果图如下所示,输入内容按【提交】按钮,即可将表单中的数据发送到指定的文件。

重置按钮

复位按钮用来重置表单中输入的信息。代码格式如下:

<input type="reset" name="..." value="..." >

其中type="reset"定义复位按钮;name属性定义复位按钮的名称;value属性定义按钮的显示文字。

(1)编写代码如下图所示,在<body>标签中加入以下代码。

(2)在浏览器中打开文件,预览效果图如下所示,输入内容后单机【重置】按钮,即可将表单中的数据清空。

Tags:

最近发表
标签列表