制作网页---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才行。
- 制作网页---form与input
- 头部搜索input【网页制作】
- 包子与网页制作
- form表单提交与input相关问题
- form-group与input-group (Bootstrap)
- 29form元素与input元素
- JQ $("#form :input" )与$("#form input")的区别 以及后代元素和子元素
- CSS制作网页布局实例:隐藏input文字
- CSS制作网页布局实例:隐藏input文字
- XHTML网页与HTML网页制作技法
- jquery 中$("#form :input") $("#form input") 区别
- jquery 中$("form :input") $("form input") 区别
- $("#form input")和$("#form :input")区别
- 普通input标签中的name与value和form:input标签中的path
- A Simple Input Form
- form input html
- 03-HTML-form-input
- Form 和 Input 对象
- spring(4)
- NYOJ 207 && POJ 1182 食物链 (并查集)
- zjnu1822JEDAN(dp)
- 文章标题 vs2012 配置opencv 一劳永逸的方法
- 设计模式图解
- 制作网页---form与input
- 【BZOJ1711】[Usaco2007 Open]Dining吃饭【最大流】
- aop
- a毛 jquery 学习记 3 常规选择器(2)
- 第六周作业 武器类
- 简单类的初步设计
- [SPOJ7258]SUBLEX - Lexicographical Substring Search
- java环境配置
- 在android中如何获取显示器屏幕大小