微信小程序 2__学习view, text，button，checkbox,radio,input,block标签

在微信小程序开发中， 

一 标签 相当于html里的

标签，  每个里面内容 自动占满一行，

     注意一个属性 text-indent: 2em;  表示首行缩进2个字符。

二  标签相当于html里的标签，

   但是   1. 增加了selectable属性： 长按文本是否可选。 如下图所示

                                                                    

      2. 增加了decode属性，表示转译转义字符，如下图所示，  将   转译为空格                                                         

decode 可以解析的有nbsp, lt, gt, amp, apos, ensp, emsp。

三 button标签

样式语法 type:  primary/default/warn

表单格式的语法： form-type: submit, reset

open-type 语法： 获取用户信息： getUserInfo, 

                             获取用户的手机号（因为小程序在微信里，微信可绑定手机号）：getPhoneNumber,

                             获取微信客服 contact

四 checkbox 标签，radio标签

      checkbox 复选按钮， 具有开闭标签，  属性value可以填入真实的值

      radio 单选按钮， 具有开闭标签， 要实现单选效果必须在外围有, 属性value可以填入真实的值

     当然checkbox的外围可以加上标签， 在绑定数据时有用。

五 block标签

     block 可以选中整个页面， 标签 “块”， 本身不会被渲染到页面中， 只有其内部的标签会被渲染。

     block 标签不会导致换行。

六 input 标签

     input 输入框，  分为text, password, number，digit四种类型。

    它有一个属性placeholder， 表示默认的值， 当输入内容时，它会被替代,  place-class属性 表示引用wxss里面的样式。

    maxlength 表示最大输入长度。

以下为相关所有小程序代码 test.wxml

Hello world
你好世界 中国

点击我
primary 样式按钮
default 样式按钮
warn 样式按钮


submit
reset

获取用户信息

因为小程序在微信里，微信可绑定手机号
获取用户的手机号
获取客服

香蕉
苹果

  靓男
  靓女


  Logo
  首页
  物品
  购物车
  订单
  
   
   姓名：
  
  密码： 
  密码也可以这样定义：
移动客服：

test.wxss:

/* pages/test/test.wxss */
.ph-style{
  border:1px silver solid
}

效果如图所示