开发者社区> 技术小美> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

Java EE WEB工程师培训-JDBC+Servlet+JSP整合开发之33.HTML表单

简介:
+关注继续查看
• 本季内容提要 
–HTML 表单(Form)简介 
• 表单简介 
–Input 
• Text 
• Password 
• hidden 
• Checkbox 
• Radio 
• File 
• Button 
• Reset 
• submit 
–Select 
• Option 
–Textarea
###############Michael分割线#####################
• HTML 表单(Form)简介 
–表单简介 
• 表单的作用 
–表单用来收集用户信息,到服务器处理或保存,是用户交互的主要工具。例如:用户登录需要输入用户名称和密码、注册会员需要输入会员信息等。 
• 表单的格式
image
image
image
image
• Input 
– Text 
• Text 元素为用户提供了输入文本的能力,例如: 
<input type=“TEXT” name="NAME" value="VALUE" size=15>
 
– Password 
• Password 元素为用户提供输入密码的能力,输入的数据被显示为“*”,例如: 
password: <input name="pw" value=“amaker" type="password">

– Hidden 
• Hidden 元素提供一个隐藏数据,也成为“隐藏域”,该值不显示在页面中,供程 
序内部使用,例如: 
<input name=“id" value=“1" type="hidden">
image
image 
– Checkbox 
• Checkbox 元素提供用户一种多项选择的功能,例如,要收集用户的爱好信息 
<ul>    
<li> box a <input name="checkb" value="a" type="checkbox"></li>    
<li> box b <input name="checkb" value="b" type="checkbox"></li>    
</ul>
image
image 
– Radio 
• Radio元素提供了一种单项选择的能力,例如选择用户的性别 
<ul>    
<li> radio a <input name=“gender" value="1" type="radio"></li>    
<li> radio b <input name=“gender" value=“2" type="radio"></li>    
</ul>
image
image 
– File 
• File元素提供了文件浏览选择的能力,例如要选择、上传文件等 
<input type=“file” name=“f” >
image
image 
– Button 
• Button 元素提供一个普通按钮,不产生任何动作,例如 
<input type=“button” name=“b1” value=“Click me!”>
image
image
image
image 
– Reset 
• Reset提供了清空表单数据的功能,例如要重新添加数据 
<input type=“reset” name=“r1” value=“重填”>
image
image 
– Submit 
• Submit提供了提交表单的能力,当点击submit按钮时,表单的action属性会被调用 
<input type=“submit” name=“s1” value=“保存”>
image
image
image
• Select 
–Option 
• Select 提供了多项选择的功能,option是用来构造选择项,例如: 
<select name=NAME size=SIZE multiple>    
<option value=V1> A1</option>    
<option value=V2> A2</option>    
...    
<option value=Vn> An</option>    
</select>
image
image
–Textarea 
• Textarea 提供了输入大文本的能力,例如:要输入用户的简历,内容很多就可以使用之 
<textarea name="comments" rows="15" cols="80" style="background:rgb(200,200,255)">    
Enter Comments here:    
</textarea>
image
image 
###############Michael分割线#####################




本文转自redking51CTO博客,原文链接:http://blog.51cto.com/redking/150096,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
《Servlet、JSP和Spring MVC初学指南》——1.11 使用部署描述符
使用部署描述符有诸多好处。其一,可以将在@WebServlet中没有对等元素的元素,如load-on-startup元素。这个元素使得Servlet在应用程序启动时加载,而不是在第一次调用时加载。如果Servlet的init方法需要花一些时间才能完成的话,使用load-on-startup意味着第一次调用Servlet所花的时间并不比后续的调用长,这项功能就特别有用。
1304 0
《Servlet、JSP和Spring MVC初学指南》——第2章 会话管理 2.1URL重写
清单2.1中的Top10Servlet类会显示最受游客青睐的10个伦敦和巴黎的景点。信息分成两页展示,第一页展示指定城市的5个景点,第二页展示另外5个。该Servlet使用URL重写来记录所选择的城市和页数。该类扩展自HttpServlet,并通过/top10访问。
1219 0
《Servlet、JSP和Spring MVC初学指南》——2.2 隐藏域
使用隐藏域来保持状态类似于URL重写技术,但不是将值附加到URL上,而是放到HTML表单的隐藏域中。当表单提交时,隐藏域的值也同时提交到服务器端。隐藏域技术仅当网页有表单时有效。该技术相对于URL重写的优势在于:没有字符数限制,同时无须额外的编码。但该技术同URL重写一样,不适合跨越多个界面。
1454 0
《Servlet、JSP和Spring MVC初学指南》——2.3 Cookies
Cookies是一个很少的信息片段,可自动地在浏览器和Web服务器间交互,因此cookies可存储在多个页面间传递的信息。Cookie作为HTTP header的一部分,其传输由HTTP协议控制。此外,你可以控制cookies的有效时间。浏览器通常支持每个网站高达20个cookies。
1613 0
《Servlet、JSP和Spring MVC初学指南》——2.4 HttpSession对象
没有参数的getSession方法会返回当前的HttpSession,若当前没有,则创建一个返回。getSession(false)返回当前HttpSession,如当前存在,则返回null。getSession(true)返回当前HttpSession,若当前没有,则创建一个getSession(true)同getSession()一致。
1793 0
《Servlet、JSP和Spring MVC初学指南》——导读
Java Servlet技术简称Servlet技术,是Java开发Web应用的底层技术。由Sun公司于1996年发布,用来代替CGI——当时生成Web动态内容的主流技术。CGI技术的主要问题是每个Web请求都需要新启动一个进程来处理。创建进程会消耗不少CPU周期,导致难以编写可扩展的CGI程序。
3477 0
《Servlet和JSP学习指南》一第1章 Servlet 1.1 Servlet API概述
本节书摘来自华章出版社《Servlet和JSP学习指南》一书中的第1章,第1.0节,作者(加)Budi Kurniawan,更多章节内容可以访问云栖社区“华章计算机”公众号查看
760 0
基于javaweb jsp+servlet学生宿舍管理系统
主要技术:spring、jsp、servlet、mysql、tomcat 、jsp、jquery、css、c390 、cookie、session等基本技术实现
0 0
基于Java jsp+servlet超市订单管理平台设计和实现【建议收藏】
课题设计内容: 随着小超市规模的发展不断扩大, 商品数量急剧增加, 有关商品的各种信息量也成倍增长。 超市时时刻刻都需要对商品各种信息进行统计分析。 而大型的超市管理系统功能过于强大而造成操作繁琐降低了小超市的工作效率。 超市管理系统是市场上最流行的超市上常用的系统之一,
0 0
+关注
文章
问答
文章排行榜
最热
最新
相关电子书
更多
Java Spring Boot开发实战系列课程【第7讲】:Spring Boot 2.0安全机制与MVC身份验证实战(Java面试题)
立即下载
Java Spring Boot开发实战系列课程【第15讲】:Spring Boot 2.0 API与Spring REST Docs实战
立即下载
从Web到Cloud App——YunOS Web App 开发经验分享
立即下载