提交按钮 | 学习笔记

简介: 快速学习提交按钮

开发者学堂课程【零基础学前端 HTML+CSS:提交按钮】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/398/detail/5124


提交按钮

内容介绍:

一、提交按钮

二、示例

 

一、提交按钮

我们平时访问的网站都少不了按钮,按钮是用来提交信息的,在一个表单中会有一个总按钮。

提交按钮用于将表单数据提交给 action 属性指定的地址进行处理。它用 < input > 标签描述,是单标签。

例:

 <input name=”submit ”type=”submit ”value=”注册/”>

当 submit 提交按钮点击后,会自动触发之前表单 action 数据。之前我们在 form 中设置了一个值 action,action 值是一个网页,当触发了写的 submit 按钮后,会自动把所有的 form 里面的文本信息提交跳转到设置的 action 页面上。

按钮类型是 submit ,值是按钮显示的文字。

name 属性∶指定按钮的名字,自行定义,用英文字母定义即可。

type 属性∶提交按钮此属性的值固定为 submit。

Value 属性:指定按钮上显示的文字。

 

二、示例

继续在代码中输入,增加一行

<tr>

<td>

<input type= “submit” value= “登录”>

</td>

</tr>

显示如图有一个登录的按钮

image.png

当我们一提交时,就会把内容提交到刚才设置的 action 属性里

另外,在表单域中有一个默认的提交方式叫 post,如果在 < form > 中添加写入 method= “post”

image.png

如果默认不写就是 get 的提交方式,内容显示如下,是用地址栏进行

image.png

而 post 是进行打包,所以一般在提交密码之类信息时,选用 post

此外 get 提交方式地址栏长度有限,一般用于查询

相关文章
|
6月前
|
C#
【C#】 如何实现文本框历史记录提示功能
【C#】 如何实现文本框历史记录提示功能
106 0
大事件项目41---点击发布和草稿按钮,标记保存到表单对象里
大事件项目41---点击发布和草稿按钮,标记保存到表单对象里
|
12月前
|
JavaScript
点击提交按钮,提交所有生成的input参数
点击提交按钮,提交所有生成的input参数
53 0
|
JavaScript
一个form表单有两个按钮,分别提交到不同的页面
一个form表单有两个按钮,分别提交到不同的页面
80 0
|
JavaScript
fastadmin如何在列表的操作中添加其他按钮
fastadmin如何在列表的操作中添加其他按钮
242 0
|
JavaScript
form表单提交后,页面弹出成功或者失败的信息
form表单提交后,页面弹出成功或者失败的信息
166 0
|
前端开发 数据安全/隐私保护 开发者
重置按钮 | 学习笔记
快速学习重置按钮
754 0
重置按钮 | 学习笔记
|
前端开发
前端工作小结78-点击按钮报错
前端工作小结78-点击按钮报错
60 0
前端工作小结78-点击按钮报错
|
前端开发
前端工作小结92-点击按钮报错
前端工作小结92-点击按钮报错
71 0
前端工作小结92-点击按钮报错
|
前端开发
前端项目实战21-关闭弹框重置表单
前端项目实战21-关闭弹框重置表单
82 0