提交学习笔记专用
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.

52 lines
1.5 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. <select name="cars" multiple>
  12. <option value="volvo">Volvo</option>
  13. <option value="saab">Saab</option>
  14. <option value="fiat">Fiat</option>
  15. <option value="audi">Audi</option>
  16. </select>
  17. <input list="browsers" name="browser">
  18. <datalist id="browsers">
  19. <option value="Internet Explorer">
  20. <option value="Firefox">
  21. <option value="Chrome">
  22. <option value="Opera">
  23. <option value="Safari">
  24. </datalist>
  25. <input type="submit">
  26. </form>
  27. <!--<textarea>多行输入字段(文本域)-->
  28. <textarea name="message" rows="10" cols="30">
  29. The cat was playing in the garden.
  30. </textarea>
  31. <!--<button>按钮-->
  32. <input type="button" onclick="alert('Hello World!')" value="Click Me!">
  33. <!--输入类型
  34. color date datetime datetime-local email month number range search tel time url week-->
  35. <!--只读属性 readonly-->
  36. <input type="text" name="firstname" value="Bill" readonly>
  37. <!--禁用属性 disabled-->
  38. <input type="text" name="firstname" value="Bill" disabled>
  39. <!--pattern 属性规定用于检查 <input> 元素值的正则表达式-->
  40. <input type="text" name="country_code" pattern="[A-Za-z]{3}" title="Three letter country code">
  41. </body>
  42. </html>