struts2学习笔记之表单标签的详解:s:checkbox/radio/select/optiontransferselect/doubleselect/combobox
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的更多相关文章
- [原创]java WEB学习笔记62:Struts2学习之路--表单标签:form,表单标签的属性,textfield, password, hidden,submit ,textarea ,checkbox ,list, listKey 和 listValue 属性,select ,optiongroup ,checkboxlist
本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱 ...
- [原创]java WEB学习笔记63:Struts2学习之路--表单标签 用户注册模块
本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱 ...
- SpringMVC学习系列 之 表单标签
http://www.cnblogs.com/liukemng/p/3754211.html 本篇我们来学习Spring MVC表单标签的使用,借助于Spring MVC提供的表单标签可以让我们在视图 ...
- Linux防火墙iptables学习笔记(三)iptables命令详解和举例[转载]
Linux防火墙iptables学习笔记(三)iptables命令详解和举例 2008-10-16 23:45:46 转载 网上看到这个配置讲解得还比较易懂,就转过来了,大家一起看下,希望对您工作能 ...
- (转)live555学习笔记10-h264 RTP传输详解(2)
参考: 1,live555学习笔记10-h264 RTP传输详解(2) http://blog.csdn.net/niu_gao/article/details/6936108 2,H264 sps ...
- Bootstrap学习笔记(二) 表单
在Bootstrap学习笔记(一) 排版的基础上继续学习Bootstrap的表单,编辑器及head内代码不变. 3-1 基础表单 单中常见的元素主要包括:文本输入框.下拉选择框.单选按钮.复选按钮.文 ...
- Symfony2学习笔记之表单
对于一个Web开发者来说,处理HTML表单是一个最为普通又具挑战的任务.Symfony2集成了一个Form组件,让处理表单变的容易起来.在这一节里,我们将从基础开始创建一个复杂的表单,学习表单类库中最 ...
- SpringMVC学习记录(五)--表单标签
在使用SpringMVC的时候我们能够使用Spring封装的一系列表单标签,这些标签都能够訪问到ModelMap中的内容. 以下将对这些标签一一介绍. 1.引入标签头文件 在正式介绍SpringMVC ...
- AngularJS 1.2.x 学习笔记(表单校验篇)
https://my.oschina.net/cokolin/blog/526911 摘要: 本文首发于 blog.csdn.net/vipshop_ebs/article/details/39472 ...
随机推荐
- UVALive 5099 Nubulsa Expo 全局最小割问题
B - Nubulsa Expo Time Limit:3000MS Memory Limit:0KB 64bit IO Format:%lld & %llu Submit S ...
- 【bzoj4199】[Noi2015]品酒大会 后缀自动机求后缀树+树形dp
题目描述(转自百度文库) 一年一度的“幻影阁夏日品酒大会”隆重开幕了.大会包含品尝和趣味挑战两个环节,分别向优胜者颁发“首席品酒家”和“首席猎手”两个奖项,吸引了众多品酒师参加. 在大会的晚餐上,调酒 ...
- Sum of Squares of the Occurrence Counts解题报告(后缀自动机+LinkCutTree+线段树思想)
题目描述 给定字符串\(S(|S|\le10^5)\),对其每个前缀求出如下的统计量: 对该字符串中的所有子串,统计其出现的次数,求其平方和. Sample Input: aaa Sample Out ...
- [LOJ#2328]「清华集训 2017」避难所
[LOJ#2328]「清华集训 2017」避难所 试题描述 "B君啊,你当年的伙伴都不在北京了,为什么你还在北京呢?" "大概是因为出了一些事故吧,否则这道题就不叫避难所 ...
- 开启dns服务时,/etc/init.d/named start 卡住了的解决办法。
在命令行输入 rndc-confgen -r /dev/urandom -a 再次开启服务 /etc/init.d/named start ok
- [CODEVS1205]单词反转
给出一个英语句子,希望你把句子里的单词顺序都翻转过来 这个题算是第二次做了……第二次用的C++然而还是写不出来 思路1:用一个数组把读过去的单词存起来,再逆序输出即可 思路2:读入句子后,先在句子开头 ...
- 添加一种emit的应用,反射发出,较直接调用稍慢,但好过反射与表达式树。
System.Reflection.MethodInfo mInfo = typeof(TypeParse).GetMethod("Add", System.Reflection. ...
- WIN8.1安装 .net framework 3.5
1.虚拟光驱加载安装镜像 2.以管理员权限运行cmd 3.输入以下命令: dism.exe /online /enable-feature /featurename:NetFX3 /Source:X: ...
- TCMalloc小记【转】
转自:http://blog.csdn.net/chosen0ne/article/details/9338591 版权声明:本文为博主原创文章,未经博主允许不得转载. 目录(?)[-] 一 原理 二 ...
- Android驱动之 Linux Input子系统之TP——A/B(Slot)协议【转】
转自:http://www.thinksaas.cn/topics/0/646/646797.html 将A/B协议这部分单独拿出来说一方面是因为这部分内容是比较容易忽视的,周围大多数用到input子 ...