查看“小程序案例：比较数字大小”的源代码

==WXML代码==
 <nowiki>
<view><text>请输入第1个数字：</text><input type="number" /></view>
<view><text>请输入第2个数字：</text><input type="number" /></view>
<button>比较</button>
<view><text>比较结果：</text></view></nowiki>

input组件的可选值：

 <nowiki>
text	文本输入键盘
number	数字输入键盘
idcard	身份证输入键盘
digit	带小数点的数字键盘</nowiki>

注：

  <nowiki><view>和<text>属于双边标签，由开始标签和结束标签两部分构成，<input>属于单边标签，只有“开始标签”，且结尾用“/>”表示。值得一提的是，<input>也可以写成双边标签，如“<input></input>”</nowiki>

设input组件type属性值为number：

[[文件:wexin2021092701.png]]

==WXSS==

 <nowiki>
.class	.container	选择所有class="container"的组件
#id	#id	选择id="#id"的组件
element	view	选择所有view组件
element, element	view, text	选择所有view组件和所有text组件
::after	view::after	在view组件内的后面插入内容
::before	view::before	在view组件内的前面插入内容</nowiki>

===选择器使用演示===
element:

 <nowiki>view {
  margin: 20px;
}</nowiki>

类选择器：

 <nowiki>
.container {
  margin: 20px;
}
</nowiki>

::after选择器:

 <nowiki>view::after {
  content: "测试";
}</nowiki>