制作网页---form与input

来源:互联网 发布:旅游交友软件 编辑:程序博客网 时间:2024/06/02 03:24

form与input两个标签,要相互搭配才能使用好。

form表单用于提交数据,这个每次提交会作为一个HTTP request提交到服务器。

1.form

(1)作用

用于提交数据

(2)属性

①method

决定了提交的方法是post还是get

②action

决定了,提交参数到某个url。

目的地可能是一个方法,可能是一个静态页面。

如果这个参数为空,就提交参数到本页面,虽然这样页面不会跳转到其他页面,但是还是会发送一个http请求,并刷新本页面。

2.input

(1)作用

①要拥有这个才能发起提交数据。

②要对这个进行输入,提交的数据才有值。

(2)属性

①type

决定了是文本输入,还是选择框、或者是提交按钮。

②name

决定了,提交以后某个input对象提交内容的名字,在服务端取得参数的时候,就是通过name的值来识别的。

③value

某个name对应的值是什么。在对input进行输入后,自动填充。也可以设定value的预置值。


比如有一个input,name=“word”,value="content"

那么得到的get显示,word=content

3.注意

(1)action是给的一个url,这个和<a>里面的href没有区别,只是通过a跳转的时候,不能传递参数。

在具体传递的时候,

①/xxxx

表示webapp文件夹下的xxxx

②http://xxxx

网络上面的某个资源

③yyyy

也就是webapp下面的yyyy资源

特别:因为我们可以配置,我们的controller里面的方法是如何映射的,所以如果我们的某个controller里面有method1,并且这个controller就是映射到了/

那么我们就也可以method1来使得跳转到method1方法所render的页面。


(2)input中的text

如果只有一个text,那么focus的时候按回车就能提交。但是如果有两个以上的text,就不能这样。

必须通过submit才行。





0 0