Dojo学习笔记(十三):Dojo表单控件——TextBox及其变体

简介:

1、通用方法

dijit/form/TextBox :一个基本的文本框

dijit/form/SimpleTextarea :大量文字输入,一个基本的textarea

dijit/form/Textarea :一个扩展dijit/form/SimpleTextarea动态增加或减少其高度

dijit/form/NumberTextBoxdijit/form/NumberSpinner:输入是数字,确保输入一个文本框,dijit/form/NumberSpinner提供扩展dijit/form/NumberTextBox逐步改变值的按钮

dijit/form/DateTextBox :输入是日期,一个文本框,其中包括一个弹出日历

dijit/form/TimeTextBox :输入是时间,一个文本框,其中包括一个弹出时间选择器

dijit/form/CurrencyTextBox :输入是货币,一个扩展dijit/form/NumberTextBox本地化货币

dijit/form/ValidationTextBox:一个基本的验证能力,可以进一步定制

    如果你要使用dijit/form/DateTextBox或dijit/form/TimeTextBox ,你将需要有主题的CSS引入并设置body元素的css样式。

--申明方式:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html >
<head>
     <link rel= "stylesheet"  href= "dijit/themes/claro/claro.css" >
     <script>dojoConfig = {parseOnLoad:  true }</script>
     <script src= 'dojo/dojo.js' ></script>
     <script>
         require([ "dojo/parser" "dijit/form/TextBox" , "dojo/domReady!" ]);
     </script>
     <title>TextBox</title>
</head>
<body 
相关文章
|
JavaScript 容器
jQuery EasyUI 重写datagrid的datetimebox编辑类型
jQuery EasyUI 重写datagrid的datetimebox编辑类型
1901 0
|
前端开发 JavaScript
jQuery|focus焦点家族
focus的家族中有三个成员 成员 focus:当 字段获得焦点时发生 focus 事件 focusin:当 元素或其任意子元素获得焦点事件。 focusout:当 元素或其任意子元素失去焦点事件。
981 0
|
JavaScript 前端开发 测试技术