HTML&CSS基础学习笔记1.27-input提交数据

最新推荐文章于 2022-08-04 20:55:21 发布

网盛数新

最新推荐文章于 2022-08-04 20:55:21 发布

阅读量725

点赞数

分类专栏： html 文章标签： input submit

本文链接：https://blog.csdn.net/octopole/article/details/52325546

版权

html 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

随处可见的表单
1、一个简单的注册页面 ✓
2、表单标签 ✓
3、文本 ✓
4、输入框 ✓
5、按钮 ✓
6、小结 ✓
7、文本域 ✓
8、下拉列表 ✓
强大的input标签
9、单选和多选 ✓
10、选择文件 ✓
11、隐藏元素 ✓
12、重置表单 ✓
13、提交数据 ✓
交互
14、表单与后台的交互 ✓
15、提交表单 ✓
16、小结 ✓

下一节总结

提交数据

我们在表单上填的信息很多情况下需要提交到后台。

<input>的[type]属性值为“submit”时，表示提交表单数据。它在页面的表现形式也是个按钮，点击该按钮，表单数据将会提交给服务器。

<button>标签也具有[type]属性，在表单中，<button>（除了在Internet Explorer中）默认行为是提交表单，与type="submit"的<input>标签一样。Internet Explorer 中<button>的默认行为是一个普通的按钮。

<button>标签[type]属性值为"reset"与<input>标签type="reset"相当。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="index.css">
    <title>表单</title>
</head>
<body>
<form action="/" method="get">
    <h2>input标签 -- 提交数据</h2>
    <p><label for="account">账号：</label><input type="text" id="account"/></p>
    <p><label for="psd">密码：</label><input type="password" id="psd"/></p>
    <input type="submit" value="提交">
</form>
</body>
</html>

更多学习内容，就在码芽网http://www.mayacoder.com/lesson/index