Get started with survey-vue CDN
MIT licensed
Survey-Vue is a Vue.js framework for building online surveys and forms.
Tags:- Survey
- JavaScript
- Bootstrap
- Library
- vue
Stable version
Copied!
How to start using survey-vue CDN
<!DOCTYPE html>
<html>
<head>
<title>Get started with survey-vue CDN - cdnhub.io</title>
<style>
/* Add your global styles here */
</style>
</head>
<body>
<div id="surveyContainer">
<survey :model="surveyModel" :show-progress="true">
<survey-question id="q1" name="question1" title="What is your favorite color?" type="radio">
<survey-answer value="red">Red</survey-answer>
<survey-answer value="green">Green</survey-answer>
<survey-answer value="blue">Blue</survey-answer>
</survey-question>
<survey-question id="q2" name="question2" title="What is your favorite food?" type="select">
<survey-answer value="pizza">Pizza</survey-answer>
<survey-answer value="burger">Burger</survey-answer>
<survey-answer value="sushi">Sushi</survey-answer>
</survey-question>
</survey>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>
<script src="https://cdn.cdnhub.io/survey-vue/1.9.134/survey.vue.min.js"></script>
<script>
new Vue({
el: '#surveyContainer',
data: {
surveyModel: new Survey.Model('My Survey'),
},
mounted() {
this.surveyModel.addPage('My Page', {});
this.surveyModel.addQuestion(this.createQuestion('question1'));
this.surveyModel.addQuestion(this.createQuestion('question2'));
},
methods: {
createQuestion(questionName) {
const question = new Survey.Question(questionName, null, {
title: questionName,
});
return question;
},
},
});
</script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
All versions
0.12.0
0.12.1
0.12.10
0.12.11
0.12.12
0.12.13
0.12.14
0.12.15
0.12.16
0.12.17
0.12.18
0.12.19
0.12.2
0.12.20
0.12.21
0.12.22
0.12.23
0.12.24
0.12.25
0.12.26
0.12.27
0.12.28
0.12.29
0.12.3
0.12.30
0.12.31
0.12.32
0.12.33
0.12.34
0.12.35
0.12.36
0.12.4
0.12.5
0.12.6
0.12.7
0.12.8
0.12.9
0.95.0
0.96.0
0.96.1
0.96.2
0.96.3
0.97.0
0.98.0
0.98.1
0.98.2
0.98.3
0.98.4
0.98.5
0.98.6
0.98.7
1.0.0
1.0.1
1.0.10
1.0.11
1.0.12
1.0.13
1.0.14
1.0.15
1.0.16
1.0.17
1.0.18
1.0.19
1.0.2
1.0.20
1.0.21
1.0.22
1.0.23
1.0.24
1.0.25
1.0.26
1.0.27
1.0.28
1.0.29
1.0.3
1.0.30
1.0.31
1.0.32
1.0.33
1.0.34
1.0.35
1.0.36
1.0.37
1.0.38
1.0.39
1.0.4
1.0.40
1.0.41
1.0.42
1.0.43
1.0.44
1.0.45
1.0.46
1.0.47
1.0.48
1.0.49
1.0.5
1.0.50
1.0.51
1.0.52
1.0.53
1.0.54
1.0.55
1.0.56
1.0.57
1.0.58
1.0.59
1.0.6
1.0.60
1.0.61
1.0.62
1.0.63
1.0.64
1.0.65
1.0.66
1.0.67
1.0.68
1.0.69
1.0.7
1.0.70
1.0.71
1.0.72
1.0.73
1.0.74
1.0.75
1.0.76
1.0.77
1.0.78
1.0.79
1.0.8
1.0.80
1.0.81
1.0.82
1.0.83
1.0.84
1.0.85
1.0.86
1.0.87
1.0.88
1.0.89
1.0.9
1.0.90
1.0.91
1.0.92
1.0.93
1.0.94
1.0.95
1.0.96
1.0.97
1.0.98
1.0.99
1.1.0
1.1.1
1.1.10
1.1.11
1.1.12
1.1.13
1.1.14
1.1.15
1.1.16
1.1.17
1.1.18
1.1.19
1.1.2
1.1.22
1.1.23
1.1.24
1.1.25
1.1.26
1.1.27
1.1.28
1.1.29
1.1.3
1.1.30
1.1.31
1.1.32
1.1.4
1.1.5
1.1.6
1.1.7
1.1.8
1.1.9
1.10.1
1.10.2
1.10.3
1.10.4
1.10.5
1.10.6
1.11.1
1.11.10
1.11.11
1.11.12
1.11.13
1.11.14
1.11.2
1.11.3
1.11.4
1.11.5
1.11.6
1.11.7
1.11.8
1.11.9
1.12.1
1.12.10
1.12.11
*** 1.12.12
1.12.2
1.12.3
1.12.4
1.12.5
1.12.6
1.12.7
1.12.8
1.12.9
1.5.10
1.5.11
1.5.12
1.5.13
1.5.14
1.5.15
1.5.16
1.5.17
1.5.18
1.5.19
1.5.2
1.5.20
1.5.3
1.5.4
1.5.5
1.5.6
1.5.7
1.5.8
1.5.9
1.7.1
1.7.10
1.7.11
1.7.12
1.7.13
1.7.14
1.7.15
1.7.16
1.7.17
1.7.18
1.7.19
1.7.2
1.7.20
1.7.21
1.7.22
1.7.23
1.7.24
1.7.25
1.7.26
1.7.27
1.7.28
1.7.3
1.7.4
1.7.5
1.7.6
1.7.7
1.7.8
1.7.9
1.8.0
1.8.1
1.8.10
1.8.11
1.8.12
1.8.13
1.8.14
1.8.15
1.8.16
1.8.17
1.8.18
1.8.19
1.8.2
1.8.20
1.8.21
1.8.22
1.8.23
1.8.24
1.8.25
1.8.26
1.8.27
1.8.28
1.8.29
1.8.3
1.8.30
1.8.31
1.8.32
1.8.33
1.8.34
1.8.35
1.8.36
1.8.37
1.8.38
1.8.39
1.8.4
1.8.40
1.8.41
1.8.42
1.8.43
1.8.44
1.8.45
1.8.46
1.8.47
1.8.48
1.8.49
1.8.5
1.8.50
1.8.51
1.8.52
1.8.53
1.8.54
1.8.55
1.8.56
1.8.57
1.8.58
1.8.59
1.8.6
1.8.60
1.8.61
1.8.62
1.8.63
1.8.64
1.8.65
1.8.66
1.8.67
1.8.68
1.8.69
1.8.7
1.8.70
1.8.71
1.8.72
1.8.73
1.8.74
1.8.75
1.8.76
1.8.77
1.8.78
1.8.79
1.8.8
1.8.9
1.9.0
1.9.1
1.9.10
1.9.100
1.9.101
1.9.102
1.9.103
1.9.104
1.9.105
1.9.106
1.9.107
1.9.108
1.9.109
1.9.11
1.9.110
1.9.111
1.9.112
1.9.113
1.9.114
1.9.115
1.9.116
1.9.117
1.9.118
1.9.119
1.9.12
1.9.120
1.9.121
1.9.122
1.9.123
1.9.124
1.9.125
1.9.126
1.9.127
1.9.128
1.9.129
1.9.13
1.9.130
1.9.131
1.9.132
1.9.133
1.9.134
1.9.135
1.9.136
1.9.137
1.9.138
1.9.139
1.9.14
1.9.15
1.9.16
1.9.17
1.9.18
1.9.19
1.9.2
1.9.20
1.9.21
1.9.22
1.9.23
1.9.24
1.9.25
1.9.26
1.9.27
1.9.28
1.9.29
1.9.3
1.9.30
1.9.31
1.9.32
1.9.33
1.9.34
1.9.35
1.9.36
1.9.37
1.9.38
1.9.39
1.9.4
1.9.40
1.9.41
1.9.42
1.9.43
1.9.44
1.9.45
1.9.46
1.9.47
1.9.48
1.9.49
1.9.5
1.9.50
1.9.51
1.9.52
1.9.53
1.9.54
1.9.55
1.9.56
1.9.57
1.9.58
1.9.59
1.9.6
1.9.60
1.9.61
1.9.62
1.9.63
1.9.64
1.9.65
1.9.66
1.9.67
1.9.68
1.9.69
1.9.7
1.9.70
1.9.71
1.9.71-31-g828ef9f53
1.9.72
1.9.74
1.9.75
1.9.76
1.9.77
1.9.78
1.9.79
1.9.8
1.9.80
1.9.81
1.9.82
1.9.83
1.9.84
1.9.85
1.9.86
1.9.87
1.9.88
1.9.89
1.9.9
1.9.90
1.9.91
1.9.92
1.9.93
1.9.94
1.9.95
1.9.96
1.9.97
1.9.98
1.9.99