struts2标签示例

常用UI标签:

Textfield标签输出一个HTML单行文本输入控件

Textarea标签输出一个HTML多行文本输入控件

Radio标签输出单选按钮

checkboxlist标签即复选框

file标签用于上传文件(accept属性,指出接受文件的MIME类型)

Submit标签输出一个按钮

Select标签输出一个下拉列表框

doubleselect标签输出关联的两个HTML列表框,产生联动效果

updownselect标签创建一个带有上下移动的按钮的列表框

optiontransferselect标签创建一个选项转移列表组建

下面是一个完整的示例:

<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>
 <%@ taglib prefix="s" uri="/struts-tags"%>
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html>
  <head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   <title>struts2UI标签示例</title>
  </head>
  <body>
  <!-- Textfield标签 -->
   <hr size="3" color="blue">
   <b>Textfield标签输出一个HTML单行文本输入控件,等价于HTML代码&lt;input type=”text”&gt;:
   </b>
   <s:form action="××××" method="post" theme="xhtml">
    <s:textfield name="username" label="用户名" value="张三" maxlength="12"
     size="20" />
   </s:form>

   <!-- Textarea标签 -->
   <hr size="3" color="blue">
   <b>Textarea标签输出一个HTML多行文本输入控件,等价于HTML代码:&lt;textarea /&gt;</b>
   <br>
   <s:textarea name="comment" label="个人简介" rows="3" cols="15" wrap="true" />
<!-- Radio标签 -->
   <hr size="3" color="blue">
   <b>Radio标签输出一个HTML多行文本输入控件,等价于HTML代码:&lt;textarea /&gt;</b>
   <br>
         <s:radio label="性别" name="gender"  list="#{'male':'男','female':'女'}" />

   <!-- checkboxlist标签 -->
   <hr size="3" color="blue">
   <b>checkboxlist标签即复选框</b>
   <br>
   <s:checkboxlist name="interest" list="#{1:'足球',2:'篮球',3:'排球',4:'游泳'}"
    label="兴趣爱好" />
  <!-- file标签 -->
   <hr size="3" color="blue">
   <b>file标签用于上传文件(accept属性,指出接受文件的MIME类型)</b>
   <br>
   <s:file name="pic" label="图片"
    accept="image/bmp,image/png,image/gif,image/jpeg,image/pjpeg" />
  <!-- Submit标签 -->
   <hr size="3" color="blue">
   <b>Submit标签输出一个按钮,submit标签和form标签使用可以提供异步表单提交功能(要使用的提交按钮的类型,有效值:input
    button image):</b>
   <br>
   <s:submit type="image" method="login" src="images/login.jpg" />
   <s:submit type="button" action="selectTag" method="login" label="登陆" />

   <!-- Select标签 -->
   <hr size="3" color="blue">
   <b>Select标签输出一个下拉列表框,相当于HTML代码中的&lt;select/&gt;</b>
   <br>
   <i>使用name和list属性,list属性的值是一个列表:</i>
   <s:select label="最高学历" name="education" list="{'高中','大学','硕士','博士'}" />
   <br>
   <i>使用name和list属性,list属性的值是一个Map:</i>
   <s:select label="最高学历" name="education"
    list="#{1:'高中',2:'大学',3:'硕士',4:'博士'}" />
   <br>
   <i>使用headerKey和headerValue属性设置header选项:</i>
   <s:select label="最高学历" name="education" list="{'高中','大学','硕士','博士'}"
    headerKey="-1" headerValue="请选择您的学历" />
   <br>
   <i>使用multiple属性设置多选和 使用size属性设置下拉框可显示的选项个数:</i>
   <s:select label="最高学历" name="education" list="{'高中','大学','硕士','博士'}"
    multiple="true" size="3" />
   <br>
   <span style="color: red;">
    使用listKey和listValue属性,利用Action实例的属性(property)来设置选项的值和选项的内容:
    &lt;s:select label="最高学历" name="education" list="educations"
    listKey="id" listValue="name"/&gt; </span>

   <!-- doubleselect标签 -->
   <hr size="3" color="blue">
   <b>doubleselect标签输出关联的两个HTML列表框,产生联动效果</b>
   <br>
   <s:form name="doubleselect">
    <s:doubleselect label="请选择所在的省市" name="province" list="{'山西省','陕西省'}"
     doubleName="city"
     doubleList="top == '山西省' ? {'太原市','大同市','长治市','临汾市'}
                                     :{'西安市','汉中市','咸阳市','延安市'}" />
   </s:form>

   <!-- updownselect标签 -->
   <hr size="3" color="blue">
   <b>updownselect标签创建一个带有上下移动的按钮的列表框,可以通过上下移动按钮来调整列表框的选项的位置:</b>
   <br>
   <!-- 使用简单Map对象来生成可上下移动选项的下拉选择框  -->
   <s:updownselect name="books" label="请选择您想选择的书籍" labelposition="top"
    moveUpLabel="up" moveDownLabel="down" selectAllLabel="all"
    list="#{1:'Spring2.0宝典' ,2:'轻量级J2EE企业应用实战' ,3:'基于J2EE的Ajax宝典'}"
    listKey="key" listValue="value" size="3" />

   <!-- optiontransferselect标签 -->
   <hr size="3" color="blue">
   <b>optiontransferselect标签创建一个选项转移列表组建,它由两个select标签以及它们之间的用于将选项在两个select之间相互移动的按钮组成。表单提交时,将提交两个列表框中选中的选项:</b>
   <br>
   <s:optiontransferselect label="最喜爱的图书" name="javaBook"
    list="{'《Java Web开发详解》', '《Struts 2深入详解》', '《Java快速入门》'}"
    doubleName="cBook"
    doubleList="{'《VC++深入详解》', '《C++ Primer》', '《C++程序设计语言》'}" />
  <s:optiontransferselect label="最喜爱的图书" name="book1" leftTitle="Java图书"
      rightTitle="C/C++图书"
      list="{'《Java Web开发详解》', '《Struts 2深入详解》', '《Java快速入门》'}"
      headerKey="-1" headerValue="--- 请选择 ---" emptyOption="true"
      doubleName="book2"
      doubleList="{'《VC++深入详解》', '《C++ Primer》', '《C++程序设计语言》'}"
      doubleHeaderKey="-1" doubleHeaderValue="--- 请选择 ---"
      doubleEmptyOption="true" addToLeftLabel="向左移动" addToRightLabel="向右移动"
      addAllToLeftLabel="全部左移" addAllToRightLabel="全部右移"
      selectAllLabel="全部选择" leftUpLabel="向上移动" leftDownLabel="向下移动"
      rightUpLabel="向上移动" rightDownLabel="向下移动" />

  </body>
 </html>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏黑泽君的专栏

Java中菜单组件

3673
来自专栏Java帮帮-微信公众号-技术文章全总结

开发者需要掌握的JS事件

JavaScript事件 ? 事件通常与函数配合使用,这样就可以通过发生的事件来驱动函数执行。事件是基于对象存在,事件通常可以修饰多种对象。 1.为对象添加事件...

4448
来自专栏PPV课数据科学社区

【学习】如何快速批量删除Excel单元格中的“换行符”

在Excel单元格中按Alt+Enter就会进行换行,就像在Word中按回车键一样。如果许多单元格中都包含这样的“换行符”,现在要将其全部删除掉,...

3063
来自专栏DeveWork

解决Chrome或其它WebKit浏览器input和textarea的黄色/蓝色边框问题

之前在折腾主题的时候发现一个很怪的现象,在Chrome浏览器下,输入框有一个黄色的边框;而在其它WebKit浏览器(如Jeff使用的傲游浏览器)下,输入框的颜色...

2976
来自专栏破晓之歌

JS 事件绑定、事件监听、事件委托详细介绍 转

在JavaScript的学习中,我们经常会遇到JavaScript的事件机制,例如,事件绑定、事件监听、事件委托(事件代理)等。这些名词是什么意思呢,有什么作用...

2833
来自专栏前端萌媛的成长之路

position有几种,absolute和relative的区别

1662
来自专栏从零开始学 Web 前端

从零开始学 Web 之 HTML5(二)表单,多媒体新增内容,新增获取操作元素,自定义属性

high:被界定为高的值的范围。 low:被界定为低的值的范围。 max:规定范围的最大值。 min:规定范围的最小值。 optimum: 规定度量的最...

1553
来自专栏三木的博客

HTML概要

HTML CSS Javascript 的关系 HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。 CSS...

3249
来自专栏行者常至

002.css常用基础知识点

CSS通常称为CSS样式表或层叠样式表(级联样式表),主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版...

941
来自专栏.Net移动开发

VisualStudio移动开发(C#、VB.NET)Smobiler开发平台——GifView控件的使用方式

获取或设置获取图像模式,默认设置为“File”,表示直接从文件中读取图像,如图 4;

972

扫码关注云+社区

领取腾讯云代金券