hw08_11_Form.html 633 B

1234567891011121314151617181920212223242526272829303132
  1. <header>
  2. <h1>Literals</h1>
  3. </header>
  4. <body>
  5. <script>
  6. </script>
  7. </body>
  8. obj = {
  9. "Name": "chevrolet chevelle malibu",
  10. "Cylinders": 8,
  11. "Displacement": 307,
  12. "Horsepower": 130,
  13. "Weight_in_lbs": 3504,
  14. "Origin": "USA",
  15. "in_production": false
  16. }
  17. const typesMap = { 'boolean': 'checkbox', 'number': 'number', 'string': 'text' };
  18. let str = "<form>\n"
  19. for (var name in obj) {
  20. value = obj[name];
  21. type = typeof value;
  22. htmlType = typesMap[type];
  23. str += ` <label>${name}: <input type="${htmlType}" value="${value}" /></label>\n`;
  24. }
  25. str += "<form>"
  26. document.write(str)
  27. alert(str)