微信小程序6 常用标签之 input,基础样式

input

input标签不做任何设置的时候,就是个输入框,需要注意的是默认没有样式,这跟html不同。

<input></input>

 我输入了内容,但是可以看到没有边框样式。

 

type属性

  1.text,就是默认的type属性值,输入框;

  2.password,密码框;

  3.number,只能输入数字,但是要在移动端才能看见效果,本身是控制手机输入时只弹出数字键盘;

  4.value,默认值;

 

  5.placeholder,占位,没有输入时的提示,输入时自动消失,跟html中的一样;

  6.placeholder-style和placeholder-class,设置占位内容的样式或样式名,要注意的是这个只针对还未输入内容时的样式,一旦输入了样式消失;

<input type="text" placeholder="请输入" placeholder-style="color:red"></input>

  7.style和class,设置样式或指定样式名;

  8.maxlength,最大输入字符数;

  9.disabled,是否禁用;

posted @ 2023-08-02 16:58  luytest  阅读(839)  评论(0编辑  收藏  举报