文档章节

基本表单的开发

c
 chuiyuan
发布于 2014/06/06 22:34
字数 833
阅读 188
收藏 8

一。定义 表单

表单有如下 性质 

可以输入一些 内容 ,叫表单元素

一般都有一个按钮负责提交 

单击提交 后,表单元素中的内容 会提交 给服务器

表单元素放在<form></form>之间

如下 :

<form>
请输入号码:<input name="account" type ="text"><br>
请输入密码 : <input name= "password" type= "password"><br>
<input type ="submit"  value="登录">
</form>

表单中的内容 会提交 给服务 器,如何确定提交给服务 器端的那个页面呢?可以 用  action属性来确定 。

改上面 的

<form action ="page.jsp">

那么 page.jsp 中如何 得到提交 过来 的内容 呢。用的是request对象 。


二。单一表单元素数据 的获取 

  单一 表单指的是表单元素送给服务 器时,只是一个变量。

(1)获得文本框中的数据 

实际 中可以根据传递的值 查询数据 库。

如果输入 的是中文,不能正常显示 ,后面不规则讲怎么办。下面的都是英文的。

我们可以 看到,提交 的内容 在浏览器的地址上都可以看到,因为默认是 get ,不安全,怎么办呢,方法是在表单中,将属性method 改成 post .

get 和post 是提交 请求的 两种方法。

(2)获得密码框中的数据 

<input name ="password" type="password"> <br>

不会显示密码 明文。

(3)获得多选文本框中的数据 

<textarea name= "info" rows="5" cols="30"></textarea>

(4)获得单选按钮中的数据 

  请您选择性别:
    <input name= "sex" type="radio"  value="boy"  checked> 男
    <input name ="sex" type ="radio"  value="girl" >女<br>

提交过去 的是value 而不是后面的汉字。

(5)获取下拉菜单中的数据 

  <select name ="home">
    <option value = "beijing">北京</option>
     <option value = "shanghai">上海</option>
      <option value = "wuhan">武汉</option>
    </select>


三。一些 问题

  (1)用javascrept进行验证

    有时候 ,要会输入 的内容 作一些 验证,比如输入 用户名不能为空,因此 ,当我们点击提交 时,不能马上提交 ,而要先验证,这里要用到javascript ,

因此 ,提交 按钮不能设定为 submit ,而应该是  button .

<body>
  <script type ="text/javascript">
			function validate() {
				if (loginForm.account.value == "") {
					alert("姓名不能为空");
					return;
				}
				if (loginForm.password.value == "") {
					alert("密码不能为空");
					return;
				}
				loginForm.submit();
			}
		</script>
	<form name ="loginForm"  action ="target.jsp"  method="post">
		请输入姓名:
		<input name="account"  type= "text" ><br>
		请输入密码:
		<input name ="password" type ="password"> <br>
		<input type="button"  value="登录" onClick="validate()"> 
	</form>
</body>

(2)提交过程中显示乱码

   当我们把汉字提交给服务器时,服务器认为是iso-8859编码 ,而在网页上显示 的是 gb2312 编码 ,不能兼容 ,有三种方法解

1. 将其转换成 gb2312 

  这个 方法要对每一个字符 串进行转码,很麻烦 。

 <% 
 String name = request.getParameter("name");
 if (name!=null){
   name = new String (name.getBytes("ISO-8859-1"), "gb2312");
   out.println(name);
   }
   %>

2. 直接修改  request 的编码 

  这样 就不用再对每一个字符串进行转码

 <% 
 request.setCharacterEncoding("gb2312");
 String name = request.getParameter("name");
 if (name!=null){
   //name = new String (name.getBytes("ISO-8859-1"), "gb2312");
   out.println(name);
   }
   %>

注意:

要在取出值前进行设置,表单的提交 方法应该是post ,且在每一个页面中都要进行设置,也比较复杂 。

3 使用过虑器

可以 对整个web 运用进行设置。


© 著作权归作者所有

共有 人打赏支持
c
粉丝 9
博文 92
码字总数 40993
作品 0
海淀
web工作流管理系统开发之十四 流程设计器属性页面之实现篇

在工作流管理系统中,可视化流程设计器是必须要实现的。 流程引擎可以是默默的运行,但流程设计器就必须要展现出来。所以界面的美观,操作简便易用,是必须要考虑的问题。 流程设计器,主要完...

长平狐
2012/10/11
297
0
实现基于ASP.NET MVC快速开发平台

最近一个月,自己利用业余时间开发一个基于ASP.NET MVC快速开发平台。现在勉强算个原型,但是感觉不是那么回事,把实现的过程写出来,欢迎大家拍砖。 开发思想:利用Asp.Net MVC的思想,实现自...

王二狗子11
01/01
0
0
实现基于ASP.NET MVC快速开发平台

最近一个月,自己利用业余时间开发一个基于ASP.NET MVC快速开发平台。现在勉强算个原型,但是感觉不是那么回事,把实现的过程写出来,欢迎大家拍砖。 开发思想:利用Asp.Net MVC的思想,实现自...

晨曦之光
2012/03/09
0
0
RoadFlow 工作流引擎 1.0 正式版发布

自RoadFlow工作流引擎测试版开源发布以来,受到广大开发者好评,在您们的支持下,我们加紧开发时间,现在整个平台功能已基本完善,包括流程设计器,表单设计器等工作流引擎核心功能已全部开源...

cqroad
2014/05/05
5.6K
15
php表单自动构建

经常用Thinkphp框架做项目开发,各功能模块基本都要用到增删改查操作,页面基本一致,除了表单字段不同之外基本都差不多,但每次需要一个个的改每个模块下面的增加 编辑 列表 页的字段和名称,重复...

manbudezhu
2017/07/05
175
3

没有更多内容

加载失败,请刷新页面

加载更多

ppwjs之bootstrap文字排版:字体大小写设置

<!DOCTYPT html><html><head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>ppwjs欢迎您</title><link rel="icon" href="/favicon.ico" ......

ppwjs
15分钟前
0
0
线性代数入门

线性代数的概念对于理解机器学习背后的原理非常重要,尤其是在深度学习领域中。它可以帮助我们更好地理解算法内部到底是怎么运行的,借此,我们就能够更好的做出决策。所以,如果你真的希望了...

牛奋Debug
30分钟前
0
0
开发5分钟,调试2小时 - 该如何debug?

几年来我在答疑群、论坛、公众号、知乎回答的各种问题,没有一万也有八千。其中有三分之二以上都是在帮人看报错,帮人 debug(调试代码)。 可以说,会不会 debug,有没有 debug 的意识,懂不...

crossin
31分钟前
0
1
SQL count(*) 和count(1)的区别

开发中经常会使用这两个聚合函数,作用都是用来统计记录行,今天查找资料发现,其实这两个函数并没有区别, 实践才是检验的标准,首先看执行计划(表是我自己建立的): 可以看到,两个执行计...

一曲图森破
35分钟前
1
0
区块链100讲:详解区块链之P2P网络

1 P2P网络 如果我们简单来看 P2P 技术,它的应用领域已经非常广泛了,从流媒体到点对点通讯、从文件共享到协同处理,多种领域都有它的身影出现。 同样的,P2P 的网络协议也有很多,比较常见的...

HiBlock
53分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部