• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

mate-academy/layout_html-form

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称:

mate-academy/layout_html-form

开源软件地址:

https://github.com/mate-academy/layout_html-form

开源编程语言:

JavaScript 79.1%

开源软件介绍:

HTML form

Replace <your_account> with your Github username and copy the links to Pull Request description:

Follow this instructions


❗️❗️❗️ Check your code with the CHECKLIST before ❗️❗️❗️

The task:

Create HTML page with form. On form submit send form data to https://mate-academy-form-lesson.herokuapp.com/create-application

screenshot

Notes

  • Every field should have name attribute
  • Every field should have label, which focuses input on label click
  • Do not use tabs for indentation. Instead use 2 spaces
  • Most of the time you want each tag in new line
  • Form should have different inputs with such types:
    • text
    • number
    • email
    • checkbox
    • radio
    • password
    • range
    • time
    • color
    • date
  • Form should have textarea and select elements.
  • You should use each of this attribute at least once
    • required
    • min
    • max
    • minlength
    • maxlength
    • multiple
  • Age should be at least 1 and at max 100 with a default value of 12
  • The email field should have placeholder value: [email protected].
  • Text fields should have autocomplete="off".
  • Submit button should have a type="submit"
  • Vertical distance between inputs should be 10px
  • Vertical distance between groups should be 20px
  • Any other styles should be browser default

--> Don't forget to proofread your code using CHECKLIST

Tips & Hints

  1. You can group fields with fieldset tag
  2. The form should have correct method and action
  3. Follow the code style guide



鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap