提交学习笔记专用
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

45 lines
1.3 KiB

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <!--<select> <option>下拉列表-->
  10. <form action="/demo/demo_form.asp">
  11. <input list="browsers" name="browser">
  12. <datalist id="browsers">
  13. <option value="Internet Explorer">
  14. <option value="Firefox">
  15. <option value="Chrome">
  16. <option value="Opera">
  17. <option value="Safari">
  18. </datalist>
  19. <input type="submit">
  20. </form>
  21. <!--<textarea>多行输入字段(文本域)-->
  22. <textarea name="message" rows="10" cols="30">
  23. The cat was playing in the garden.
  24. </textarea>
  25. <!--<button>按钮-->
  26. <input type="button" onclick="alert('Hello World!')" value="Click Me!">
  27. <!--输入类型
  28. color date datetime datetime-local email month number range search tel time url week-->
  29. <!--只读属性 readonly-->
  30. <input type="text" name="firstname" value="Bill" readonly>
  31. <!--禁用属性 disabled-->
  32. <input type="text" name="firstname" value="Bill" disabled>
  33. <!--pattern 属性规定用于检查 <input> 元素值的正则表达式-->
  34. <input type="text" name="country_code" pattern="[A-Za-z]{3}" title="Three letter country code">
  35. </body>
  36. </html>