Lines Matching refs:input

1 # input开发指导
3 input是交互式组件，用于接收用户数据。其类型可设置为日期、多选框和按钮等。具体用法请参考[input API](../reference/apis-arkui/arkui-js/js-compo…
6 ## 创建input组件
8 在pages/index目录下的hml文件中创建一个input组件。
13   <input type="text">             
15   </input>
34 ## 设置input类型
36 通过设置type属性来定义input类型，如将input设置为button、date等。
47     <input class="button" type="button" value="click" onclick="btnclick"></input>
50     <input onchange="checkboxOnChange" checked="true" type="checkbox"></input>
53     <input type="date" class="flex" placeholder="Enter data"></input>
107 > 仅当input类型为checkbox和radio时，当前组件选中的属性是checked才生效，默认值为false。
112 向input组件添加search和translate事件。
119   <input class="input" type="text" onsearch="search" placeholder="search"> </input>
120   <input class="input" type="text" ontranslate="translate" placeholder="translate"> </input>
134 .input {
170 通过对input组件添加showError方法来提示输入的错误原因。
175 …<input id="input" class="input" type="text"  maxlength="20" placeholder="Please input text" onchan…
176   </input>
177   <input class="button" type="button" value="Submit" onclick="buttonClick"></input>
191 .input {
217        this.$element("input").showError({        
221         this.$element("input").showError({         
237 > 该方法在input类型为text、email、date、time、number和password时生效。
243 根据场景选择不同类型的input输入框，完成信息录入。
254     <input class="flex" id="input1" placeholder="Enter content" />    
258     <input class="flex" id="input3" type="date" placeholder="Enter data" />    
262     <input class="flex" id="input4" type="time" placeholder="Enter time" />    
266     <input class="flex" type="checkbox" id="checkbox1" style="width: 100px;height: 100px;" />    
269     <input class="flex" type="button" id="button" value="save" onclick="btnclick"/>