一.表单的定义
发送请求,并且携带数据给服务器。
表单和超链接有共同的特征,就是都可以向服务器发送请求,
只不过超链接是用户直接点击发送请求,不能填写数据。
而用户点击表单提交的时候,不但可以发送请求,而且请求中还可以携带输入的数据。
表单最主要的作用就是:收集用户的信息。
表单对应的英语单词是:form
二.怎么定义一个表单对象呢?
表单项1:
表单项2:
另外要注意:一个网页上可以有多个表单对象。
三.代码演示
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>表单</title> </head> <body> <!-- 超链接--> <a href="http://www.baidu.com">百度</a> <br><br><br> <!-- 表单--> <form action="http://www.baidu.com"> <!-- 按钮,提交表单的按钮,只要点击这个提交按钮,就发送请求了! --> <!-- 所有能够提交表单的按钮,type必须是submit,不能随便写 --> <!-- <input type="submit"/> --> <!-- 设置按钮上显示的文本用value字段 --> <input type="submit" value="百度"/> <!-- button是一个普通按钮,能提交表单吗?答案是不能。 --> <!-- <input type="button" value="百度"/> --> </form> <!-- submit提交按钮放在form外面也是不行的!同样不能提交表单跳转到百度页面--> <input type="submit" value="百度(外)"/> </body> </html>
注意事项
1:form标签中有一个action属性,这个属性和超链接的href相同。都需要填写url
2:type="submit"代表提交按钮,所有能够提交表单的按钮,type必须是submit,不能随便写
value用来设置按钮上显示的文本。
思考问题
1:假设此时我们使用type="button"这种类型的按钮,是否可以成功提交?
答:当然不可以,button是一个普通按钮,是不能提交的。
2:假设此时我们将type="submit"这个按钮放到我们的form标签外的话,此时是否还具有提交功能?
答:当然没有,今后实际编程中是一定要注意这个问题。