制作网页---form与input
2016-04-04 22:31
316 查看
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才行。
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才行。
相关文章推荐
- Java数据结构学习1--List
- 码农小汪-Hibernate学习10-hibernate继承映射 @DiscriminatorColumn DiscriminatorType @Inheritance InheritanceType
- C++ Qt5 TcpSocket网络通讯(传输数据块大小值,防止没有传送完整)
- 每周总结
- html 空格-有趣的试验
- 第六届CCF计算机职业资格认证考试题解(第三题)
- bzoj 1468
- 4月4日学习记录
- Handler消息创建简图
- 垂直居中
- JAVAEE学习查询
- Tomcat源码分析之socket
- C++多态公有继承
- 面试题19 二叉树的镜像
- java 异常
- PHP数据库操作:使用ORM
- FastDFS环境配置及php FastDFS扩展安装
- Android Studio 出现 gradle DSL method not found: android() 错误
- NTP服务及时间同步(CentOS6.x)
- java的异常处理