Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
erosXXX
uni-app
提交
3219e581
U
uni-app
项目概览
erosXXX
/
uni-app
与 Fork 源项目一致
Fork自
DCloud / uni-app
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
3219e581
编写于
9月 12, 2019
作者:
W
wanganxp
提交者:
GitHub
9月 12, 2019
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Update form.md
上级
a6f3a70d
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
36 addition
and
38 deletion
+36
-38
docs/component/form.md
docs/component/form.md
+36
-38
未找到文件。
docs/component/form.md
浏览文件 @
3219e581
...
...
@@ -16,7 +16,7 @@
```
html
<template>
<view>
<view
class=
"uni-padding-wrap uni-common-mt"
>
<view>
<form
@
submit=
"formSubmit"
@
reset=
"formReset"
>
<view
class=
"uni-form-item uni-column"
>
<view
class=
"title"
>
switch
</view>
...
...
@@ -28,10 +28,10 @@
<view
class=
"title"
>
radio
</view>
<radio-group
name=
"radio"
>
<label>
<radio
value=
"radio1"
/>
选项一
<radio
value=
"radio1"
/>
<text>
选项一
</text>
</label>
<label>
<radio
value=
"radio2"
/>
选项二
<radio
value=
"radio2"
/>
<text>
选项二
</text>
</label>
</radio-group>
</view>
...
...
@@ -39,10 +39,10 @@
<view
class=
"title"
>
checkbox
</view>
<checkbox-group
name=
"checkbox"
>
<label>
<checkbox
value=
"checkbox1"
/>
选项一
<checkbox
value=
"checkbox1"
/>
<text>
选项一
</text>
</label>
<label>
<checkbox
value=
"checkbox2"
/>
选项二
<checkbox
value=
"checkbox2"
/>
<text>
选项二
</text>
</label>
</checkbox-group>
</view>
...
...
@@ -55,46 +55,44 @@
<input
class=
"uni-input"
name=
"input"
placeholder=
"这是一个输入框"
/>
</view>
<view
class=
"uni-btn-v"
>
<button
form
T
ype=
"submit"
>
Submit
</button>
<button
type=
"default"
form
T
ype=
"reset"
>
Reset
</button>
<button
form
-t
ype=
"submit"
>
Submit
</button>
<button
type=
"default"
form
-t
ype=
"reset"
>
Reset
</button>
</view>
</form>
</view>
</view>
</template>
<script>
export
default
{
data
()
{
return
{
}
},
methods
:
{
formSubmit
:
function
(
e
)
{
console
.
log
(
'
form发生了submit事件,携带数据为:
'
+
JSON
.
stringify
(
e
.
detail
.
value
))
var
formdata
=
e
.
detail
.
value
uni
.
showModal
({
content
:
'
表单数据内容:
'
+
JSON
.
stringify
(
formdata
),
showCancel
:
false
});
},
formReset
:
function
(
e
)
{
console
.
log
(
'
清空数据
'
)
}
}
}
</script>
<style>
.uni-form-item
.title
{
padding
:
20
rpx
0
;
}
</style>
```
```
javascript
export
default
{
data
()
{
return
{
pickerHidden
:
true
,
chosen
:
''
}
},
methods
:
{
pickerConfirm
:
function
(
e
)
{
this
.
pickerHidden
=
true
this
.
chosen
=
e
.
target
.
value
},
pickerCancel
:
function
(
e
)
{
this
.
pickerHidden
=
true
},
pickerShow
:
function
(
e
)
{
this
.
pickerHidden
=
false
},
formSubmit
:
function
(
e
)
{
console
.
log
(
'
form发生了submit事件,携带数据为:
'
+
JSON
.
stringify
(
e
.
detail
.
value
))
},
formReset
:
function
(
e
)
{
console
.
log
(
'
清空数据
'
)
this
.
chosen
=
''
}
}
}
```
![
uniapp
](
https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/form.png?t=201857
)
**tips**
-
[
插件市场
](
http://ext.dcloud.net.cn/search?q=%E8%A1%A8%E5%8D%95%E6%A0%A1%E9%AA%8C
)
有表单校验插件
\ No newline at end of file
-
[
插件市场
](
http://ext.dcloud.net.cn/search?q=%E8%A1%A8%E5%8D%95%E6%A0%A1%E9%AA%8C
)
有表单校验插件
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录