struts2中的表单标签都是以s标签的方式定义的，同时，struts2为所有标签都提供了一个模板，C:\Users\180172\Desktop\struts2-core-2.2.1.1.jar\template\中的三个文件夹共同提供模板。struts2中模板的制作使用了freemark技术
主题:如果为所有的标签都提供了模板，这系列的模板就组成了主题。所有的主题都放在template文件夹下（默认情况下）

struts2 默认提供了3个主题：
simple   ----没有额外的附加行为的主题，只生成最核心的html元素，其他附加的东西，比如两列布局，label等都没有
xhtml    --1.struts2 的默认主题  ，默认主题通过strus.ui.theme常量修改
               2.生成label
               3.输出错误提示
               4.客户端校验支持     
css_xhtml.   --在xhtml增加了一些css样式，用的较少如果有需要，我们也可以针对自己的项目自定义开发主题（freemark）

如何设置主题：
1。可直接通过struts.ui.theme来设置默认主题
2.通过page/request/session/application设置主题
3.为标签设置theme属性，子标签默认使用父标签的theme属性，为子标签设定theme属性，将覆盖父标签theme属性

---表单标签：
checkbox   复选框
head    引入一些辅助的css样式单和js脚本
file   生成一个文件上传域
form
hidden
label
password
reset
submit
textarea    多行文本框
textfield   单行文本框

复杂的
checkbox/radio/select/optgroup
combobox   生成一个文本框以列表框的组合这几个标签其属性大体一致，以下是具体实例代码

    -->

<script>

    function check(){

   var xianshi="";

var a=document.form1.fdsfs;

alert(a.length);

for(var i=0;i<a.length;i++){

if(a[i].checked==true){

 xianshi=xianshi+a[i].value;

}

}

document.getElementById("xuelia").value=xianshi;

    }

</script>

  </head>

  <body>

<s:action var="xuelis" name="xuelis" namespace="/"/>

<s:form name="form1">

<s:select label="学历选择" name="af"

list="#xuelis.xueli"

listKey="id"

listValue="name">

<s:optgroup label="学历二次选择"

list="#xuelis.xueli"

listKey="id"

listValue="name"/>

</s:select>

<%-- <tr>

    <td class="tdLabel"><label for="select_af" class="label">学历选择:</label></td>

    <td

><select name="af" id="select_af">

    <option value="1">大专</option>

    <option value="2">本科</option>

    <option value="3">硕士</option>

    <option value="4">博士</option>

</select> --%>

<s:set var="renwu" value="#{'西游记':{'孙悟空','猪八戒','沙僧'},'水浒':{'武松','林冲','鲁智深'},'三国演义':{'刘备','张飞','关羽'} }"/>
<s:doubleselect name="book" list="{'西游记','水浒'}"
 doubleList="top=='西游记'?{'孙悟空','猪八戒','沙僧'}:{'林冲','武松'}"  doubleName="waha" label="选择喜欢的人物"/>

<s:doubleselect name="renwus" list="#renwu.keySet()" doubleList="#renwu[top]" doubleName="renwua" label="选择喜欢的人物"/>

<s:radio label="degree" name="shabi"

list="#xuelis.xueli"

listKey="id"

listValue="name"

/>

<!-- <tr>

    <td class="tdLabel"><label for="select_shabi" class="label">degree:</label></td>

    <td

>

<input type="radio" name="shabi" id="select_shabi1" value="1"/><label for="select_shabi1">大专</label>

<input type="radio" name="shabi" id="select_shabi2" value="2"/><label for="select_shabi2">本科</label>

<input type="radio" name="shabi" id="select_shabi3" value="3"/><label for="select_shabi3">硕士</label>

<input type="radio" name="shabi" id="select_shabi4" value="4"/><label for="select_shabi4">博士</label>

    </td>

</tr> -->

<s:textfield name="xuelia" id="xuelia"/>

<s:checkboxlist label="学历 "

name="fdsfs"

list="#xuelis.xueli"

listKey="name"

listValue="name"

onclick="check()"

/>

<!--

<tr>

    <td class="tdLabel"></td>

    <td

><input type="text" name="xuelia" value="" id="xuelia"/></td>

</tr>

<tr>

    <td class="tdLabel"><label for="select_fdsfs" class="label">学历 :</label></td>

    <td

>

<input type="checkbox" name="fdsfs" value="大专" id="fdsfs-1" onclick="check()"/>

<label for="fdsfs-1" class="checkboxLabel">大专</label>

<input type="checkbox" name="fdsfs" value="本科" id="fdsfs-2" onclick="check()"/>

<label for="fdsfs-2" class="checkboxLabel">本科</label>

<input type="checkbox" name="fdsfs" value="硕士" id="fdsfs-3" onclick="check()"/>

<label for="fdsfs-3" class="checkboxLabel">硕士</label>

<input type="checkbox" name="fdsfs" value="博士" id="fdsfs-4" onclick="check()"/>

<label for="fdsfs-4" class="checkboxLabel">博士</label>

<input type="hidden" id="__multiselect_select_fdsfs" name="__multiselect_fdsfs" value="" />     </td>

</tr> -->

<s:combobox label="请选择图书"

name="book"

list="#xuelis.xueli"

listKey="id"

listValue="name"

/>

<%--

<tr>

    <td class="tdLabel"><label for="select_book" class="label">请选择图书:</label></td>

    <td

>

<script type="text/javascript">

    function autoPopulate_select_book(targetElement) {

        targetElement.form.elements['book'].value=targetElement.options[targetElement.selectedIndex].value;

    }

</script>

<input type="text" name="book" value="" id="select_book"/><br />

<select onChange="autoPopulate_select_book(this);">

    <option value="1">大专</option>

    <option value="2">本科</option>

    <option value="3">硕士</option>

    <option value="4">博士</option>

</select>

    </td>

</tr> --%>

</s:form>

<input type="checkbox" name="a" id="b" value="nima" onclick="check()">a

<input type="checkbox" name="a" id="b" value="hehe" onclick="check()">g

<input type="checkbox" name="a" id="b" value="shit" onclick="check()">h

<input type="checkbox" name="a" id="b" value="haha" onclick="check()">j

效果如图所示：

struts2学习笔记之表单标签的详解:s:checkbox/radio/select/optiontransferselect/doubleselect/combobox的更多相关文章

  1. [原创]java WEB学习笔记62：Struts2学习之路--表单标签:form,表单标签的属性，textfield, password, hidden，submit ，textarea ，checkbox ，list, listKey 和 listValue 属性，select ，optiongroup ，checkboxlist

    本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱 ...

  2. [原创]java WEB学习笔记63：Struts2学习之路--表单标签 用户注册模块

    本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱 ...

  3. SpringMVC学习系列 之 表单标签

    http://www.cnblogs.com/liukemng/p/3754211.html 本篇我们来学习Spring MVC表单标签的使用,借助于Spring MVC提供的表单标签可以让我们在视图 ...

  4. Linux防火墙iptables学习笔记（三）iptables命令详解和举例[转载]

     Linux防火墙iptables学习笔记(三)iptables命令详解和举例 2008-10-16 23:45:46 转载 网上看到这个配置讲解得还比较易懂,就转过来了,大家一起看下,希望对您工作能 ...

  5. (转)live555学习笔记10－h264 RTP传输详解(2)

    参考: 1,live555学习笔记10-h264 RTP传输详解(2) http://blog.csdn.net/niu_gao/article/details/6936108 2,H264 sps ...

  6. Bootstrap学习笔记(二) 表单

    在Bootstrap学习笔记(一) 排版的基础上继续学习Bootstrap的表单,编辑器及head内代码不变. 3-1 基础表单 单中常见的元素主要包括:文本输入框.下拉选择框.单选按钮.复选按钮.文 ...

  7. Symfony2学习笔记之表单

    对于一个Web开发者来说,处理HTML表单是一个最为普通又具挑战的任务.Symfony2集成了一个Form组件,让处理表单变的容易起来.在这一节里,我们将从基础开始创建一个复杂的表单,学习表单类库中最 ...

  8. SpringMVC学习记录(五)--表单标签

    在使用SpringMVC的时候我们能够使用Spring封装的一系列表单标签,这些标签都能够訪问到ModelMap中的内容. 以下将对这些标签一一介绍. 1.引入标签头文件 在正式介绍SpringMVC ...

  9. AngularJS 1.2.x 学习笔记（表单校验篇）

    https://my.oschina.net/cokolin/blog/526911 摘要: 本文首发于 blog.csdn.net/vipshop_ebs/article/details/39472 ...

随机推荐

  1. PE第n弹

    PE201 -- F[i][j][k] 和为i前j个选了k个方案数.因为值域很小. PE202 -- 那个反射其实挺酷炫的,你考虑把它的镜面反射去掉,把它扩展成一个无限大的正三角网格.. PE410 ...

  2. [暑假集训--数论]poj1730 Perfect Pth Powers

    We say that x is a perfect square if, for some integer b, x = b 2. Similarly, x is a perfect cube if ...

  3. Vue的this.$root.Bus.$on事件被多次触发、多次监听的问题

    前端vue项目中,各个组件(非父子关系也可)之间可以通过Bus进行事件通信. main.js中: import Vue from 'vue' const Bus = new Vue(); const ...

  4. ios 瀑布流的那些事情

    转载: 屎壳郎情调-成长日记 首先要知道:瀑布流的核心就是要获取到图片的长宽 网上的很多例子都是加载本地图片的 对于新手而言 改成加载网络图片的确是有点压力的  因为本地的图片 我们是很容易就能获取到 ...

  5. Long.ValueOf("String") Long.parseLong("String") 区别 看JAVA包装类的封箱与拆箱

    IP地址类型转换原理: 将一个点分十进制IP地址字符串转换成32位数字表示的IP地址(网络字节顺序). 将一个32位数字表示的IP地址转换成点分十进制IP地址字符串. 1.Long.ParseLong ...

  6. （三）Spring 依赖注入

    一.Spring框架本身有四大原则: 使用POJO进行轻量级和最小侵入式开发. 通过依赖注入和接口变成实现松耦合. 通过AOP和默认习惯进行声明式变成. 使用AOP和模板减少模式化代码. Spring ...

  7. 【HDOJ5972】Regular Number（Bitset，ShiftAnd）

    题意:给你N位数,接下来有N行,第i行先输入n,表示这个数的第i 位上可以在接下来的n个数中挑选,然后i 行再输n个数. 然后输入需要匹配的母串,让你输出母串中有多少个可行的N位子串. n<=1 ...

  8. 全球主要城市经纬度api

    原文发布时间为:2011-06-23 -- 来源于本人的百度文章 [由搬家工具导入] http://www.google.com/ig/cities?country=cn http://www.goo ...

  9. Android开发跳坑记录

    本文主要记录在Android开发中遇见的一些问题,以及解决方法. 2015.12.01 1.adb.exe 端口被占用 解决: http://blog.csdn.net/xiaanming/artic ...

  10. luogu 1258 小车问题 小学奥数(?)

    题目链接 题意 甲.乙两人同时从A地出发要尽快同时赶到B地.出发时A地有一辆小车,可是这辆小车除了驾驶员外只能带一人.已知甲.乙两人的步行速度一样,且小于车的速度.问:怎样利用小车才能使两人尽快同时到 ...