input
标签用于创造一个从用户那边获取数据的交互动作。渲染一个特定的图片,并且它不能包含任何子组件。input
组件的效果变化依赖于变量类型的属性设置,比如text
,password
,url
,email
,tel
等。
注意: width
和height
需要指定,否则会不工作。
注释:input
不支持普通的点击事件click
.请使用监听input
或change
事件代替。
这个组件不支持子组件。
type
:<字符串>属性,控制组件显示的类型。如果没有特定,默认值是text
。可以设置的值有:text
,password
,tel
,email
,url
等,和w3c标准一致。
value
:<字符串>属性,控制组件的值。
disabled
:<布尔值>属性,用于使得组件不可用。实际使用中,click事件在有disabled属性值在的情况下不会执行。
autofocus
:<布尔值>属性,让你可以设置当页面加载时,input是否自动获取焦点。
其他属性请查阅基本属性
placeholder-color
: 占位符的颜色,默认是#999999。
文本样式: 请查阅文本样式
color
样式。
font-size
样式。
font-style
样式。
font-weight
样式。
text-align
样式。
基础样式请查阅组件的基础样式
position
相关属性
opacity
,background-color
等。
input
:该元素改变的值
change
:改变事件是当组件提交的值已经改变的时候用户中断结果。经常跟在<blur>事件之后。
focus
:组件获取焦点。
blur
:组件失去焦点。
基本事件:查阅基本事件
appear
/ disappear
事件。查阅基本事件
注意:input
不支持基础事件click
.请用监听事件input
或者change
事件代替。
input
和change
事件:
value
:组件事件发出的值。
focus
和blur
事件:
<div>
<input
type="url"
autofocus="true"
placeholder="..."
value="http://alibaba.github.io/weex/"
style="placeholder-color: #666666;">
</input>
</div>