Struts2 UI标签

概述

  • 表单标签将在 HTML 文档里被呈现为一个表单元素
  • 使用表单标签的优点:
    • 表单回显
    • 对页面进行布局和排版
  • 标签的属性可以被赋值为一个静态的值或一个 OGNL 表达式. 如果在赋值时使用了一个 OGNL 表达式并把它用 %{} 括起来,
    这个表达式将会被求值.

表单标签的共同属性

这里写图片描述
* 该属性只在没有使用 simple 主题时才可以使用.


form 标签

这里写图片描述

使用方式:

这里写图片描述

textfield, password, hidden 标签

这里写图片描述

这里写图片描述

submit 标签

这里写图片描述

这里写图片描述


reset 标签

这里写图片描述

这里写图片描述


label 标签

这里写图片描述

这里写图片描述


textarea 标签

这里写图片描述

这里写图片描述


checkbox 标签

这里写图片描述

这里写图片描述

这里写图片描述


checkboxlist 标签

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述


radio 标签

radio 标签将呈现为一组单选按钮, 单选按钮的个数与程序员通过该标签的 list 属性提供的选项的个数相同.
一般地, 使用 radio 标签实现 “多选一”, 对于 “真/假” 则该使用 checkbox 标签.
这里写图片描述

这里写图片描述

这里写图片描述


select 标签

select 标签将呈现一个select 元素
这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

上述UI标签使用方式的源码

<%@ page language="java" pageEncoding="utf-8" contentType="text/html; charset=utf-8"%>
<%@page import="cn.itcast.ognl.Person"%>
<%@page import="java.util.List"%>
<%@page import="java.util.ArrayList"%>
<%@ taglib uri="/struts-tags"   prefix="s"%>
<html>
  <head>
    <title>My JSP 'index.jsp' starting page</title>
    <meta http-equiv="description" content="page">
  </head>
  <body>
     <s:form action="abcdaction" namespace="/abcd" method="post" id="form1" name="form1">
        <s:textfield label="用户名" value="zhangxx" id="username" name="username"></s:textfield>
        <s:password label="密码" value="888888" id="psw" name="psw" showPassword="true"></s:password>
        <s:hidden label="隐藏" id="hidden" name="hidden"></s:hidden>
        <s:label for="gender" value="male" label="性别"></s:label>
        <s:textarea value="xxxxx" cols="10" rows="10" label="描述"></s:textarea>
        <!-- 
            <input type="checkbox" name="java" value="01" id="form1_java"/>java
         -->
        <s:checkbox name="java" label="java" fieldValue="01"></s:checkbox>

        <!-- checkboxlist标签构造map集合 -->
        <!-- 
            <input type="checkbox" name="list" value="01" id="list-1"/>java</label>
            <input type="checkbox" name="list" value="02" id="list-2"/>php</label>
            <input type="checkbox" name="list" value="03" id="list-3"/>.net</label>
            <input type="checkbox" name="list" value="04" id="list-4"/>oracle</label>

            listkey:对应生成HTML代码后的,value属性
            listvalue:对应生成HTML代码后的,后半部分文本内容

         -->
        <s:checkboxlist list="#{'01':'java','02':'php','03':'.net','04':'oracle'}" 
            listKey="key" listValue="value" name="map" value="{'01','02'}" />

        <!-- checkboxlist标签构造list集合 -->
        <s:checkboxlist list="{'java','.net','php'}" name="list" value="{'java','php'}"></s:checkboxlist>

        <!-- checkboxlist标签构造javabean -->
        <s:checkboxlist list="%{#request.persons}" name="person"
            listKey="id" listValue="name" value="{0,2,4,6,8}"></s:checkboxlist>

        <!-- radio标签构造list集合 -->
        <s:radio list="{'java','.net','php'}" name="list" value="'java'"></s:radio>

        <!-- radio标签构造list集合 -->
        <s:radio list="#{'01':'java','02':'php','03':'.net','04':'oracle'}"
            listKey="key" listValue="value" name="map" value="'01'"></s:radio>

        <!-- radio标签构造javabean -->
        <s:radio list="#request.persons" listKey="id" listValue="name" name="person" value="0"></s:radio>

        <!-- select标签构造list集合 -->
        <s:select list="{'java','.net','php'}" name="list" value="'php'"></s:select>

        <!-- select标签构造map集合 -->
        <s:select list="#{'01':'java','02':'php','03':'.net','04':'oracle'}"
            listKey="key" listValue="value" name="map" value="'03'"></s:select>

        <!-- select标签构造javabean -->
        <s:select list="#request.persons" listKey="id" listValue="name" name="person" value="8"></s:select>


        <s:submit type="input" value="确认"></s:submit>
        <s:submit type="button" value="提交"></s:submit>
        <s:submit type="image" value="图片"></s:submit>
        <s:reset type="input" value="重置1"></s:reset>
        <s:reset type="button" value="重置2"></s:reset>
     </s:form>
  </body>
</html>

这里写图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值