HarmonyOS组件 容器组件-form

form

n.形式,样子

v.形成,养成

表单容器,支持容器内input元素的内容提交和重置。

说明

该组件从API version 6开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。

支持设备

手机 平板 智慧屏 智能穿戴 支持 支持 支持 支持

权限列表

子组件

支持。

属性

支持。

样式

支持。

事件

除支持外,还支持如下事件:

名称 参数 描述 submit 点击提交按钮,进行表单提交时,触发该事件。 reset - 点击重置按钮后,触发该事件。
名称 类型 描述 value Object input元素的name和value的值。
表1 FormResult

方法

支持。

示例

  1. <!-- xxx.hml --> <form onsubmit=onSubmit onreset=onReset> <div style="width: 600px;height: 150px;flex-direction: row;justify-content: space-around;"> <label>选项一</label> <input type=radio name=radioGroup value=radio1></input> <label>选项二</label> <input type=radio name=radioGroup value=radio2></input> </div> <text style="margin-left: 50px;margin-bottom: 50px;">输入文本</text> <input type=text name=user></input> <div style="width: 600px;height: 150px;margin-top: 50px;flex-direction: row;justify-content: space-around;"> <input type=submit>Submit</input> <input type=reset>Reset</input> </div> </form>
经验分享 程序员 微信小程序 职场和发展