[Responsive] intro-component-with-signup-form using HTML,CSS,JS

Community feedback

• 

  Vanza Setia•27,775

  @vanzasetiaPosted almost 2 years ago

  Hi, Moeka! What do you mean by "signup data flow form rules"?

  0

  ---

  

  rizkyizh•230

  @moe-kaPosted almost 2 years ago

  @vanzasetia when the data is inputted. what kind of data is generated? do the elements attributes affect the result?

  0

  

  Vanza Setia•27,775

  @vanzasetiaPosted almost 2 years ago

  @moe-ka

  Do you mean when the users type some value into the input by saying "when the data is inputted"?

  What do you mean by "what kind of data is generated"? Are you talking about the data that is generated after the users submit the form? Or are you talking about the error message that is shown after the users try to submit the invalid form?

  I notice that you are from Indonesia. I am Indonesian. So, I think it is much easier to talk with Bahasa Indonesia. What do you think?

  0

  

  rizkyizh•230

  @moe-kaPosted almost 2 years ago

  @vanzasetia yang masih saya bingungkan itu, kalau buat form yang perlu diperhatikan itu atribut-atribut apa saja?

  0

  

  rizkyizh•230

  @moe-kaPosted almost 2 years ago

  @vanzasetia iya mas. ketika user masukin data, data yg dihasilkan itu seperti apa? apakah attribut-attribut elemennya mempengaruhi? maaf soalnya belum belajar PHP

  0

  

  Vanza Setia•27,775

  @vanzasetiaPosted almost 2 years ago

  @moe-ka

  Hal pertama yang perlu diketahui adalah Anda tidak membutuhkan PHP untuk melakukan validasi.

  Sebelum membahas atribut HTML, elemen yang harus Anda gunakan adalah <form>, <label>, <input>, dan <button>.

  <input> perlu ada petunjuk kata (label). Tapi, dalam proyek ini tidak ada label yang kelihatan. Jadi, gunakan aria-label atribut untuk memberikan petunjuk untuk setiap <input>.

  Contoh:

  <input type="text" class="input" placeholder="First Name"  required aria-label="First Name">
  

  Lalu, atribut - atribut HTML yang diperlukan di <form> tidak ada dalam proyek ini. Untuk <input> atribut seperti type, required, dan beberapa ARIA atribut untuk meningkatkan pengalaman para pengguna teknologi bantu seperti pembaca layar. Kemudian, untuk <button> perlu artibut type="submit".

  Untuk ARIA atribut, saya sarankan membaca artikel yang saya tulis. Di artikel itu, saya menjelaskan cara menggunakan aria-describedby dan aria-live. Tujuannya untuk membuat pesan kesalahn (error message) dibaca langsung oleh pembaca layar.

  How To Create Accessible Form with Boring Design? - CodeNewbie Community

  Beberapa sumber yang dapat membantu Anda.

  Client-side form validation - Learn web development | MDN

  Solusi saya — Intro Component with Signup Form | HTML CSS Sass JS coding challenge solution

  Marked as helpful

  0