Formulir html kirim ke pdf

Teknik ini berhubungan dengan 3. 2. 2. On Input (Cukup bila digunakan dengan G80. Menyediakan tombol kirim untuk memulai perubahan konteks)

Keterangan

Tujuan dari teknik ini adalah untuk menyediakan mekanisme yang memungkinkan pengguna untuk secara eksplisit meminta perubahan konteks menggunakan tindakan submit-form dalam bentuk PDF. Tujuan penggunaan tombol kirim adalah untuk menghasilkan permintaan HTTP yang mengirimkan data yang dimasukkan dalam formulir, sehingga merupakan kontrol yang tepat untuk digunakan karena menyebabkan perubahan konteks. Dalam dokumen PDF, tombol kirim biasanya diterapkan menggunakan alat untuk membuat PDF

Contoh 1 dan 2 menunjukkan cara menambahkan tombol kirim menggunakan alat pembuat khusus. Ada alat PDF lain yang menjalankan fungsi serupa. Periksa fungsionalitas yang disediakan oleh

Contoh

Contoh 1. Menambahkan tombol kirim menggunakan Adobe Acrobat 9 Pro

Contoh ini ditunjukkan dengan Adobe Acrobat Pro. Ada alat perangkat lunak lain yang melakukan fungsi serupa. Lihat daftar alat perangkat lunak lain di

  1. Dari bilah alat, pilih Formulir > Alat Formulir > Tombol dan buat tombol di formulir
  2. Akses menu konteks untuk tombol dan pilih Properti. untuk membuka dialog Properti Tombol
  3. Di tab General, berikan tooltip untuk tombol tersebut
  4. Di tab Opsi, pilih opsi di menu Tata Letak untuk label tombol, gambar ikon, atau keduanya. Kemudian, ketik teks di kotak Label untuk mengidentifikasi tombol sebagai tombol kirim dan/atau klik Pilih Ikon dan temukan file gambar yang ingin Anda gunakan
  5. Di tab Tindakan

    • Untuk Select Trigger, pilih Mouse Up. (Acara Mouse Up dapat diakses dengan keyboard dan, sebagai tambahan, memastikan bahwa tombol tidak akan mengubah konteks secara tidak terduga, seperti yang mungkin terjadi pada, e. g. , acara Mouse Enter. )
    • Untuk Select Action, pilih Submit A Form
    • Klik Tambahkan
  6. Dalam dialog Tambahkan, masukkan URL untuk mengumpulkan data di server atau mengumpulkan data formulir sebagai lampiran email

Gambar berikut menunjukkan tab Opsi pada dialog Properti Tombol

Formulir html kirim ke pdf
Tab Opsi dalam dialog Properti Tombol, menampilkan properti tombol tata letak dan label

Gambar berikut menunjukkan tab Actions pada dialog Button Properties

Formulir html kirim ke pdf
The Action tab in the Button Properties dialog with the Select Action option specified.

Contoh 2. Menambahkan tombol kirim menggunakan Adobe LiveCycle Designer ES 8. 2. 1

Contoh ini ditunjukkan dengan Adobe LiveCycle Designer. Ada alat perangkat lunak lain yang melakukan fungsi serupa. Lihat daftar alat perangkat lunak lain di

  1. Pada menu Sisipkan > Standar, pilih item Tombol Kirim HTTP
  2. Pada panel Objek untuk Tombol Kirim HTTP, masukkan URL untuk pemrosesan pengiriman formulir

Gambar berikut memperlihatkan menu Standar dengan daftar kontrol formulir

Formulir html kirim ke pdf
Menu Standar menampilkan daftar kontrol formulir, termasuk pemilihan Tombol Kirim HTTP

Gambar berikut menunjukkan panel Objek dengan URL dan bidang lain untuk tampilan tombol

Formulir html kirim ke pdf
The Object panel showing the URL and other fields for specifying the submit button's appearance and action.

Contoh 3. Menambahkan tindakan skrip ke tombol kirim dalam dokumen PDF menggunakan JavaScript

Kode JavaScript berikut mengilustrasikan penggunaan skrip untuk menentukan tindakan kirim formulir. Untuk menambahkan skrip ini ke bidang formulir

  1. Buka dialog Button Properties, seperti yang ditunjukkan pada Contoh 1, dan pilih tab Actions
  2. Pilih Jalankan JavaScript dari daftar drop-down, dan pilih tombol Tambah
  3. Masukkan kode JavaScript di dialog Editor JavaScript, misalnya
var aSubmitFields = new Array( "name", "id", "juser" );
this.submitForm({
  cURL: "http://www.example.com/cgi-bin/myscript.cgi#FDF",
  aFields: aSubmitFields,
  cSubmitAs: "FDF" // the default, not needed here
});

Gambar berikut mengilustrasikan proses ini

Formulir html kirim ke pdf
Dialog Properti Tombol untuk tombol kirim.
Formulir html kirim ke pdf
JavaScript ditambahkan ke tab Action dari dialog Button Properties.

Contoh ini ditampilkan dalam operasi dalam contoh kerja menambahkan aksi skrip ke tombol kirim

Sumber lain

Tidak ada dukungan yang tersirat

Tes

Prosedur

  1. Untuk setiap halaman yang mengirimkan formulir, pastikan secara visual bahwa formulir tersebut berisi tombol kirim dan centang salah satu dari berikut ini

    Editor PDF Jotform secara otomatis mengubah data pengiriman formulir yang dikumpulkan menjadi PDF profesional dan elegan yang mudah dibagikan dengan kolega dan pelanggan. Tujuan kami adalah mengurangi beban kerja Anda dan mengotomatiskan proses pembangunan sebanyak mungkin. Jadi, secara default, saat Anda membuat template PDF baru, Editor PDF akan mengisinya dengan pasangan pertanyaan dan jawaban (T&J) yang sama yang ditemukan di formulir web Anda

    Misalkan kita memiliki formulir dengan 3 bidang pada formulir Anda – Nama, Email, dan Komentar (seperti yang ditunjukkan di bawah). Saat Anda membuat template PDF baru, semua pasangan T&J ini dibuat secara otomatis untuk Anda

    Formulir html kirim ke pdf

    Formulir html kirim ke pdf

    Ini adalah proses yang sama yang kami lakukan untuk email. Saat Anda membuat Notifikasi Email baru, pembuat formulir juga secara otomatis membuat tabel (dengan pasangan Tanya Jawab) untuk Anda

    Ini saja sudah cukup jika Anda hanya menginginkan file PDF biasa yang berisi data pengiriman pengguna Anda. Namun, jika Anda berencana untuk sepenuhnya menyesuaikan desain dan tata letak Dokumen PDF, mengetahui cara Anda menggunakan Editor PDF, terutama cara menambahkan bidang formulir dengan data pengiriman, akan menjadi pengetahuan yang baik untuk diperoleh. Dan itulah topik utama dari tutorial ini

    Cara Menambahkan Bidang Formulir dengan Data Pengiriman ke Dokumen PDF Anda

    Menambahkan bidang formulir dengan data pengiriman semudah menyeret dan menjatuhkannya ke dalam dokumen. Pertama, mari kita bicara tentang detail pengiriman

    • Tanggal penyerahan
    • ID pengiriman
    • IP penyerahan

    Ditemukan di bawah Elemen Dasar »Elemen Formulir bagian dari Editor PDF, ketiganya selalu tersedia untuk semua formulir. Anda dapat menambahkannya ke Dokumen PDF Anda dengan menyeretnya ke tempatnya atau dengan mengekliknya

    Formulir html kirim ke pdf

    Selanjutnya, mari kita lihat bidang formulir yang sebenarnya

    Formulir html kirim ke pdf

    Bidang yang ditampilkan pada tangkapan layar di atas mungkin terlihat berbeda dari daftar yang Anda lihat dari akhir. Itu karena daftar bidang bergantung pada bidang formulir yang Anda miliki di formulir web Anda sendiri. Perlu disebutkan bahwa daftar ini juga menyertakan bidang tersembunyi

    Sekarang, mari kita coba membuat dokumen PDF sederhana dengan data pengiriman. Itu harus sesederhana yang ditunjukkan di bawah ini – pilih bidang yang ingin Anda tambahkan, lalu klik atau seret ke dalam dokumen

    Formulir html kirim ke pdf

    Jika formulir Anda belum memiliki data pengiriman, Editor PDF akan menghasilkan beberapa data dummy untuk Anda

    Cara Menyesuaikan Bidang Formulir dalam Dokumen PDF

    Sekarang Anda tahu cara menambahkan data pengiriman formulir Anda ke Dokumen PDF Anda, saatnya untuk melihat lebih dekat opsi penyesuaian Anda

    Penyelarasan Pertanyaan dan Gaya

    Jika Anda ingin mengubah gaya semua pertanyaan dan jawaban, buka panel Pengaturan Tata Letak, buka tab Kustomisasi, lalu mengutak-atik opsi di bawah bagian Penyelarasan Pertanyaan dan Gaya Pertanyaan

    Formulir html kirim ke pdf

    Gaya Jawab

    Ingin memberikan semua tampilan dan nuansa yang seragam?

    Formulir html kirim ke pdf

    Jika tidak, jika Anda ingin merancang jawaban Anda secara terpisah, pastikan Anda tidak mencentang kotak Terapkan Perubahan pada Jawaban dan bagian penyesuaian baru untuk jawaban akan muncul tepat di bawahnya.

    Formulir html kirim ke pdf

    Dan jika Anda ingin menyesuaikan setiap pasangan T&J secara terpisah, Anda bisa. Setiap bidang formulir yang Anda tambahkan akan memiliki cakupan opsi lokalnya sendiri yang akan mengabaikan opsi penataan gaya global Anda. Ini berarti Anda dapat mengubah gaya masing-masing bidang bila diperlukan

    Dan hanya itu yang perlu Anda ketahui untuk menambahkan bidang formulir dengan data pengiriman ke Dokumen PDF Anda. Ada banyak opsi pemformatan, tata letak, dan gaya lainnya, tetapi kami akan membahasnya di artikel terpisah

    Bagaimana cara mengonversi data formulir ke PDF?

    Impor data formulir .
    Di Acrobat, buka formulir PDF tempat Anda ingin mengimpor data
    Pilih Alat > Persiapkan Formulir. .
    Pilih Lainnya > Impor Data
    Di kotak dialog Select File Containing Form Data, pilih format di File Of Type yang sesuai dengan file data yang ingin Anda impor

    Bagaimana cara menambahkan tombol kirim ke PDF?

    Tambahkan tombol kirim .
    Jika Anda tidak berada dalam mode pengeditan formulir, pilih Alat > Persiapkan Formulir
    Menggunakan alat Tombol , seret melintasi area tempat Anda ingin tombol itu muncul. .
    Di tab Opsi, pilih opsi di menu Tata Letak untuk label tombol, gambar ikon, atau keduanya

    Bagaimana cara menambahkan kiriman email ke formulir PDF?

    Di kanan atas layar Anda, klik "Alat" dan pilih "Konten" lalu "Tombol" dari menu. Klik dan seret dengan mouse Anda untuk membuat tombol. Tambahkan Nama Bidang (mis. "Tombol Pengiriman Email") - Perhatikan bahwa nama bidang bukan label tombol yang sebenarnya

    Bagaimana cara membuat tombol yang mengirimkan formulir dan mengunduh PDF secara bersamaan?

    Pertama, buat formulir dengan tombol kirim tersembunyi. Berikan id ke tombol kirim formulir untuk mengaksesnya menggunakan JS. Buat tombol di luar formulir dan berikan juga id unik untuk mengaksesnya. Buat tag jangkar menggunakan properti createElement dan tetapkan atribut href dan unduh