Adobe 65030089 User Guide - Page 364

Forms, Workflow to create forms, Add a form to a topic, Set form properties, Form elements

Page 364 highlights

USING ROBOHELP HTML 9 358 Advanced program features Forms Workflow to create forms Note: Forms created in the Design Editor must have a corresponding Common Gateway Interface (CGI) script on the server. 1 Add the form and set form properties. 2 Add specific form elements. 3 Link to a script that acts on the data that the user enters. This step requires a CGI script written in a scripting or programming language. Top of Form Bottom of Form Add a form to a topic 1 Select a location where you want to insert a form. 2 Select Insert > HTML > Form > Form. A rectangular box is inserted to hold the form elements. Set form properties 1 Right-click inside a form and select Form Properties. 2 Set the following options in the Form tab, and then set Size in pixels and Margin, Border, and Shading options. Click OK. Action In the Form Action box, enter the address to use to carry out the action of the form. Method From the Method list, select the method to use for sending form data to the server. • Post Sends the data through an HTTP post transaction • Get Appends the arguments to the action URL, and opens it as if it is an anchor. Name In the Name box, enter the form name. If you want to include a background image or pattern, click the Browse button to locate the image to use. Form elements Form elements are available from the Design Editor. Text Field Lets users type text in a form. You can enter default text in the field to guide users, or you can leave the field empty. Multi-Line Text Field Lets users enter over one line of text in a form field. Hidden Field Lets users add names and values for hidden fields. Password Field Lets users apply password protection. When users type in the box, the viewer displays the password as a series of asterisks (*) for confidentiality. Radio Button Lets users select only one alternative from a group. Options are presented in a list, one of which is selected by default. Clicking a new button clears the previously selected item. Last updated 12/14/2011

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
  • 86
  • 87
  • 88
  • 89
  • 90
  • 91
  • 92
  • 93
  • 94
  • 95
  • 96
  • 97
  • 98
  • 99
  • 100
  • 101
  • 102
  • 103
  • 104
  • 105
  • 106
  • 107
  • 108
  • 109
  • 110
  • 111
  • 112
  • 113
  • 114
  • 115
  • 116
  • 117
  • 118
  • 119
  • 120
  • 121
  • 122
  • 123
  • 124
  • 125
  • 126
  • 127
  • 128
  • 129
  • 130
  • 131
  • 132
  • 133
  • 134
  • 135
  • 136
  • 137
  • 138
  • 139
  • 140
  • 141
  • 142
  • 143
  • 144
  • 145
  • 146
  • 147
  • 148
  • 149
  • 150
  • 151
  • 152
  • 153
  • 154
  • 155
  • 156
  • 157
  • 158
  • 159
  • 160
  • 161
  • 162
  • 163
  • 164
  • 165
  • 166
  • 167
  • 168
  • 169
  • 170
  • 171
  • 172
  • 173
  • 174
  • 175
  • 176
  • 177
  • 178
  • 179
  • 180
  • 181
  • 182
  • 183
  • 184
  • 185
  • 186
  • 187
  • 188
  • 189
  • 190
  • 191
  • 192
  • 193
  • 194
  • 195
  • 196
  • 197
  • 198
  • 199
  • 200
  • 201
  • 202
  • 203
  • 204
  • 205
  • 206
  • 207
  • 208
  • 209
  • 210
  • 211
  • 212
  • 213
  • 214
  • 215
  • 216
  • 217
  • 218
  • 219
  • 220
  • 221
  • 222
  • 223
  • 224
  • 225
  • 226
  • 227
  • 228
  • 229
  • 230
  • 231
  • 232
  • 233
  • 234
  • 235
  • 236
  • 237
  • 238
  • 239
  • 240
  • 241
  • 242
  • 243
  • 244
  • 245
  • 246
  • 247
  • 248
  • 249
  • 250
  • 251
  • 252
  • 253
  • 254
  • 255
  • 256
  • 257
  • 258
  • 259
  • 260
  • 261
  • 262
  • 263
  • 264
  • 265
  • 266
  • 267
  • 268
  • 269
  • 270
  • 271
  • 272
  • 273
  • 274
  • 275
  • 276
  • 277
  • 278
  • 279
  • 280
  • 281
  • 282
  • 283
  • 284
  • 285
  • 286
  • 287
  • 288
  • 289
  • 290
  • 291
  • 292
  • 293
  • 294
  • 295
  • 296
  • 297
  • 298
  • 299
  • 300
  • 301
  • 302
  • 303
  • 304
  • 305
  • 306
  • 307
  • 308
  • 309
  • 310
  • 311
  • 312
  • 313
  • 314
  • 315
  • 316
  • 317
  • 318
  • 319
  • 320
  • 321
  • 322
  • 323
  • 324
  • 325
  • 326
  • 327
  • 328
  • 329
  • 330
  • 331
  • 332
  • 333
  • 334
  • 335
  • 336
  • 337
  • 338
  • 339
  • 340
  • 341
  • 342
  • 343
  • 344
  • 345
  • 346
  • 347
  • 348
  • 349
  • 350
  • 351
  • 352
  • 353
  • 354
  • 355
  • 356
  • 357
  • 358
  • 359
  • 360
  • 361
  • 362
  • 363
  • 364
  • 365
  • 366
  • 367
  • 368
  • 369
  • 370
  • 371
  • 372
  • 373
  • 374
  • 375
  • 376
  • 377
  • 378
  • 379
  • 380

358
USING ROBOHELP HTML 9
Advanced program features
Last updated 12/14/2011
Forms
Workflow to create forms
Note:
Forms created in the Design Editor must have a corresponding Common Gateway Interface (CGI) script on the
server.
1
Add the form and set form properties.
2
Add specific form elements.
3
Link to a script that acts on the data that the user enters. This step requires a CGI script written in a scripting or
programming language.
Top of Form
Bottom of Form
Add a form to a topic
1
Select a location where you want to insert a form.
2
Select Insert > HTML > Form > Form. A rectangular box is inserted to hold the form elements.
Set form properties
1
Right-click inside a form and select Form Properties.
2
Set the following options in the Form tab, and then set Size in pixels and Margin, Border, and Shading options.
Click OK.
Action
In the Form Action box, enter the address to use to carry out the action of the form.
Method
From the Method list, select the method to use for sending form data to the server.
Post
Sends the data through an HTTP post transaction
Get
Appends the arguments to the action URL, and opens it as if it is an anchor.
Name
In the Name box, enter the form name.
If you want to include a background image or pattern, click the Browse button
to locate the image to use.
Form elements
Form elements are available from the Design Editor.
Text Field
Lets users type text in a form. You can enter default text in the field to guide users, or you can leave the field
empty.
Multi-Line Text Field
Lets users enter over one line of text in a form field.
Hidden Field
Lets users add names and values for hidden fields.
Password Field
Lets users apply password protection. When users type in the box, the viewer displays the password as
a series of asterisks (*) for confidentiality.
Radio Button
Lets users select only one alternative from a group. Options are presented in a list, one of which is
selected by default. Clicking a new button clears the previously selected item.