textfield、textarea、file、checkbox、radio标签

这些标签是最基本的表单标签,会生成HTML里的<input>标签。同form标签一样,这些标签也会根据当前主题生成布局代码,如<TR>,<TD>等,例如:

 1 <html>
 2 <head>
 3 <title>My JSP ‘index.jsp‘ starting page</title>
 4 <meta http-equiv="pragma" content="no-cache">
 5 <meta http-equiv="cache-control" content="no-cache">
 6 <meta http-equiv="expires" content="0">
 7 <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
 8 <meta http-equiv="description" content="This is my page">
 9 <!--
10     <link rel="stylesheet" type="text/css" href="styles.css">
11     -->
12
13 <struts:head theme="ajax" />
14
15 <style type="text/css">
16 body,td {
17     font-size: 12px;
18 }
19 </style>
20 </head>
21
22 <body>
23
24 <struts:form action="login">
25     <struts:textfield name="textfield" label="文本框" required="true" tooltip="这是一个文本框" />
26     <struts:password name="password" label="密码域" tooltip="这是密码域" />
27     <struts:textarea name="textarea" label="文本域" tooltip="这是文本域" />
28     <struts:file name="file" label="文件域" tooltip="这是文件域" />
29     <struts:radio list="#{‘male‘:‘男‘, ‘female‘:‘女‘}" name="sex" label="单选框" tooltip="这是单选框" />
30     <struts:checkbox name="hobby" label="是否精通 Struts 2" value="true"  />
31     <struts:submit value="   提  交   " method="logout" align="center" />
32 </struts:form>
33
34
35 </body>
36 </html>

radio标签的list属性必须是Map类型,key为实际值,value为显示值。如果为List类型,会抛出异常。

时间: 2024-08-28 21:24:28

textfield、textarea、file、checkbox、radio标签的相关文章

jquery checkbox radio 标签 选中的3种方法

张映 发表于 2013-07-16 分类目录: js/jquery jquery 很灵活,checkbox radio标签选中的方法有很多,在这儿就例举三个常用的方法. 一,测试html 查看复制打印? <div style="margin-top:150px;"> <input type='checkbox' name='test[]' class='checkbox' value='checkbox1'>checkbox1 <input type='c

struts2的radio标签

1.示例 <!-- s:radio标签的list属性必须是Map类型,key为实际值,value为显示值,如果为List类型会抛出异常 --> <!-- 添加name属性后才能实现单选 --> <!-- value设置默认值,字符串带单引号 --> <s:radio name="type" list="#{'admin':'管理员','seller':'商家'}" label="用户类型" value=&

checkbox &amp; radio 的对齐问题

不仅不同浏览器不同,不同的字体,不同的文字大小也会表现不一样. 重置 form checkbox & radio 因为不同浏览器解析不一样,有些是默认margin,有些是默认padding,还有ie6,7连margin和padding即使设置为0后,所占的空间还是比较大,所以还是有必须重置下,这样就能解决很多不必要的麻烦. 以下是 14px Arial 字体的解决方案: 1.css代码 .form { font: 14px/18px Arial, Helvetica, sans-serif; }

jquery的checkbox,radio,select等方法总结

1.checkbox日常jquery操作. 现在我们以下面的html为例进行checkbox的操作. <input id="checkAll" type="checkbox" />全选 <input name="subBox" type="checkbox" />项1 <input name="subBox" type="checkbox" />项2

JQuery操作select checkbox radio总结

JQuery是一个很强大的工具所以我要找到它最便捷的方法,嘻嘻 Select 增删改查: Select查: 1.val值: $("#selectid").val();       //最方便的 2.text值: $("#selectid option:selected").text();       //最方便的 或 $("#selectid").find("option:selected").text() 3.Index值:

jquery 操作select,checkbox,radio (整理)

在工作中经常用到select,checkbox,radio,今天有点空闲就整理一下,免得以后用的时候还要重新找. 操作select下拉框 -- 获取值或选中项: 1, $("#select_id").change(function(){//code...});  //为Select添加事件,当选择其中一项时触发 2,var checkValue=$("#select_id").val(); //获取Select选择的Value 3,var checkText=$(&

jquery对strutrs2 &lt;s:radio&gt;标签的设置和取值

今天郁闷了1小时. 需求是这样的: <s:radio  list="#{0:'男',1:'女'}" value="member.sex" id="sex_id" name="member.sex"  listKey="key" listValue="value" onclick="checkSex(this.value)"></s:radio>

javascript获取select,checkbox,radio的值

转发来自  博客园博主:肖品 博主的链接 1.获取和设置select,checkbox,radio的值 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"&

input【type=&quot;checkbox&quot;】标签与字体对齐

今天分享一个比较实用的技巧,在实际项目中我们会经常遇到表单的input标签多选和单选的问题,但是往往由于标签自身的样式和我们项目的风格很不搭调,就不能实现了,今天就来告诉大家怎么去实现吧. 第一种:利用伪类:(开源中国) 需要注意的是:在页面布局中,还是有input[type=checkbox]的: 它的样式如下所示: 后面就是通过js脚本来控制它去实现了: 第二种:采用图片 这是一个树形控件zTree 注意事项:图片最好做好两种状态图,并且合并成精灵图,注意类名的应用,指引入一次,后面的修改b