开发者学堂课程【零基础学前端 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>
显示如图有一个登录的按钮
当我们一提交时,就会把内容提交到刚才设置的 action 属性里
另外,在表单域中有一个默认的提交方式叫 post,如果在 < form > 中添加写入 method= “post”
如果默认不写就是 get 的提交方式,内容显示如下,是用地址栏进行
而 post 是进行打包,所以一般在提交密码之类信息时,选用 post
此外 get 提交方式地址栏长度有限,一般用于查询