ext 2.0 渲染HTML表单 (含中文版日期选单控件)
2008-05-23 20:57
351 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>ext form render</title>
<link rel='stylesheet' href='ext-all.css'>
<link rel="stylesheet" type="text/css"
href="framework/ext-2.0.2/resources/css/ext-all.css" />
<script type="text/javascript"
src="framework/ext-2.0.2/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="framework/ext-2.0.2/ext-all.js"></script>
<script type="text/javascript"
src='framework/ext-2.0.2/adapter/yui-utilities.js'></script>
</head>
<body>
<div class="x-box-tl">
<div class="x-box-tr">
<div class="x-box-tc"></div>
</div>
</div>
<div class="x-box-ml">
<div class="x-box-mr">
<div class="x-box-mc">
<form id="form2" method="post">
<h3>表单范例</h3>
<table>
<tr>
<td class="title">文字输入:</td>
<td style="font-family: verdana;"><input type="text" id="tf"
name="text2" /></td>
</tr>
<tr>
<td class="title">下拉选单:</td>
<td style="font-family: verdana;"><select id="cb" name="st2">
<option></option>
<option>Aeiou</option>
<option>Andy</option>
<option>Amy</option>
<option>Aloha</option>
<option>Apple</option>
<option>Application</option>
<option>Aprik</option>
<option>Backup</option>
<option>Book</option>
</select></td>
</tr>
<tr>
<td class="title">日期选择:</td>
<td style="font-family: verdana;"><input type="text" id="df"
name="df" /></td>
</tr>
<tr>
<td class="title">多行输入:</td>
<td><textarea id="ta2" name="ta" cols="50" rows="6"></textarea></td>
</tr>
<tr>
<td class="title"></td>
<td>
<div id="btn"></div>
</td>
</tr>
</table>
</form>
</div>
</div>
</div>
<div class="x-box-bl">
<div class="x-box-br">
<div class="x-box-bc"></div>
</div>
</div>
</body>
</html>
</script>
<html>
<head>
<title>ext form render</title>
<link rel='stylesheet' href='ext-all.css'>
<link rel="stylesheet" type="text/css"
href="framework/ext-2.0.2/resources/css/ext-all.css" />
<script type="text/javascript"
src="framework/ext-2.0.2/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="framework/ext-2.0.2/ext-all.js"></script>
<script type="text/javascript"
src='framework/ext-2.0.2/adapter/yui-utilities.js'></script>
</head>
<body>
<div class="x-box-tl">
<div class="x-box-tr">
<div class="x-box-tc"></div>
</div>
</div>
<div class="x-box-ml">
<div class="x-box-mr">
<div class="x-box-mc">
<form id="form2" method="post">
<h3>表单范例</h3>
<table>
<tr>
<td class="title">文字输入:</td>
<td style="font-family: verdana;"><input type="text" id="tf"
name="text2" /></td>
</tr>
<tr>
<td class="title">下拉选单:</td>
<td style="font-family: verdana;"><select id="cb" name="st2">
<option></option>
<option>Aeiou</option>
<option>Andy</option>
<option>Amy</option>
<option>Aloha</option>
<option>Apple</option>
<option>Application</option>
<option>Aprik</option>
<option>Backup</option>
<option>Book</option>
</select></td>
</tr>
<tr>
<td class="title">日期选择:</td>
<td style="font-family: verdana;"><input type="text" id="df"
name="df" /></td>
</tr>
<tr>
<td class="title">多行输入:</td>
<td><textarea id="ta2" name="ta" cols="50" rows="6"></textarea></td>
</tr>
<tr>
<td class="title"></td>
<td>
<div id="btn"></div>
</td>
</tr>
</table>
</form>
</div>
</div>
</div>
<div class="x-box-bl">
<div class="x-box-br">
<div class="x-box-bc"></div>
</div>
</div>
</body>
</html>
</script>
相关文章推荐
- ext 2.0 渲染HTML表单 (含中文版日期选单控件)
- Ext 表单与输入控件 日期文本,在线编辑器
- ASP服务器控件被渲染后html——表单提交
- html中表单使用post方式提交,为什么没有值? get方式可以得到控件的值
- EXT 2.0 学习之控件介绍
- web学习—html标签—表单及其控件(一)
- html日期控件
- 技巧和诀窍:使用ASP.NET 2.0 CSS 控件适配器生成CSS友好的HTML输出
- Asp.net 2.0中使用ValidationGroup属性有选择验证某些控件(http://hi.baidu.com/tracyjay/blog/item/4e894e205fa18a4593580785.html)
- html的表单控件
- phpcmsV9中表单向导在js调用里日期控件在IE下报Calendar未定义的解决办法
- HTML表单控件
- HTML表单控件
- HTML中禁用表单控件的两种方法readonly与disabled
- Ext界面下做图片动态加载的图片放大镜效果并解决IE6下遮罩mask无法遮盖HTML的select控件问题
- struts2.0 提供的日期控件在模态窗口下引用时的问题
- HTML原有的表单及表单控件(二)
- html表单的各种输入控件
- .net知识系列之三:(html提交表单的方式,html控件,获取html表单的内容,sql注入,html服务器控件,net服务器控件)
- HTML浮动窗口与多媒体效果、表单与页面控件