Guest User

Untitled

a guest
Jan 23rd, 2019
82
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.70 KB | None | 0 0
  1. ```language
  2.  
  3. 表单
  4. 1.概念:
  5. 表单是 web浏览器和web服务器进行通信的最常用的手段,即通过表单,浏览器不仅能从web服务器中获取信息,而且还能向web服务器反馈信息。HTML为此提供了表单(Form)元素来设计和实现这种交互界面。
  6. <form method="" action=""></form>
  7.  
  8. 采用何种方式将表单中的数据传送到服务端?
  9. Get 缺点:安全性低,以明文的方式提交,传输数据上限是1M。
  10. 优点:速度快
  11.  
  12. Post 缺点:速度慢。
  13. 优点:数据上传在媒体文件中,安全性高,默认上限5M.
  14.  
  15.  
  16. 2.表单控件
  17. 表单形成的交互界面上有许多元素,负责收集用户输入的各种信息,这些元素一般称为控件。
  18.  
  19.  
  20. 3.input标签属性
  21. input 标签共有的一些属性
  22. - type 控件的类型 -value 指定默认值
  23. -size 文本框显示的长度
  24. -maxlength 用户可以输入的最多字符
  25. -name 用于服务区获取数据
  26. disabled 获取或设置表单控件是否禁用,背景有阴影
  27. readOnly 控件只读属性 不能更改只能复制和读取
  28. required 必填项,如果不写,无法提交(一定要写提交方式)
  29.  
  30. 4.单选多选
  31. – value 该选项被选中后提交到服务器的值
  32. – checked 默认的选中项
  33. – name
  34.  
  35.  
  36.  
  37. 5.下拉列表
  38. <select name=“...” size=“...” >
  39.    <option value=“...” selected=“selected”>...
  40. <option value="..." selected =“”>......
  41. </select>
  42.  
  43.  
  44.  
  45. 6.下拉列表属性
  46. <option>标记有2个属性:value和selected,它们都是可选的。
  47.  
  48. value属性的参数值是当该选项被选中并提交后,web浏览器传送给服务器的数据。缺省时,浏览器将传送选项的内容。
  49. selected属性用来指定选项的初始状态,表示该选项在初始时是被选中的。
  50.  
  51.  
  52.  
  53. 7.多行文本框
  54. HTML用<textarea> </textarea>标记来定义高度超过一行的文本输入框。
  55. (1)name 属性。用于指定文本输入框的名字。
  56. (2)cols 属性。cols属性用于规定文本输入框的宽度。属性的参数值是数字,表示一行所能显示的最大字符数。
  57. (3)rows 属性。rows属性用于规定文本输入框的高度。属性的参数值是数字,表示该文本输入框所占的行数。
  58.  
  59.  
  60.  
  61. 8.按钮
  62. <input type=“submit">提交
  63. <input type=“reset”>重置
  64. <input type=“button”>点击
  65. <input type=“image”src=“”>图片
  66. <input type=“file ”>上传
  67. ​– 属性: hidden 隐藏按钮
  68. value 按钮中显示的内容
  69. name 用于表单提交的属性
  70.  
  71.  
  72. 9.label标签
  73. <label> </label>
  74. 用户选择该标签时,浏览器就会自动将焦点自动转到和标签相关的表单控件上。
  75.  
  76. ```
Add Comment
Please, Sign In to add comment