Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- ```language
- 表单
- 1.概念:
- 表单是 web浏览器和web服务器进行通信的最常用的手段,即通过表单,浏览器不仅能从web服务器中获取信息,而且还能向web服务器反馈信息。HTML为此提供了表单(Form)元素来设计和实现这种交互界面。
- <form method="" action=""></form>
- 采用何种方式将表单中的数据传送到服务端?
- Get 缺点:安全性低,以明文的方式提交,传输数据上限是1M。
- 优点:速度快
- Post 缺点:速度慢。
- 优点:数据上传在媒体文件中,安全性高,默认上限5M.
- 2.表单控件
- 表单形成的交互界面上有许多元素,负责收集用户输入的各种信息,这些元素一般称为控件。
- 3.input标签属性
- input 标签共有的一些属性
- - type 控件的类型 -value 指定默认值
- -size 文本框显示的长度
- -maxlength 用户可以输入的最多字符
- -name 用于服务区获取数据
- disabled 获取或设置表单控件是否禁用,背景有阴影
- readOnly 控件只读属性 不能更改只能复制和读取
- required 必填项,如果不写,无法提交(一定要写提交方式)
- 4.单选多选
- – value 该选项被选中后提交到服务器的值
- – checked 默认的选中项
- – name
- 5.下拉列表
- <select name=“...” size=“...” >
- <option value=“...” selected=“selected”>...
- <option value="..." selected =“”>......
- </select>
- 6.下拉列表属性
- <option>标记有2个属性:value和selected,它们都是可选的。
- value属性的参数值是当该选项被选中并提交后,web浏览器传送给服务器的数据。缺省时,浏览器将传送选项的内容。
- selected属性用来指定选项的初始状态,表示该选项在初始时是被选中的。
- 7.多行文本框
- HTML用<textarea> </textarea>标记来定义高度超过一行的文本输入框。
- (1)name 属性。用于指定文本输入框的名字。
- (2)cols 属性。cols属性用于规定文本输入框的宽度。属性的参数值是数字,表示一行所能显示的最大字符数。
- (3)rows 属性。rows属性用于规定文本输入框的高度。属性的参数值是数字,表示该文本输入框所占的行数。
- 8.按钮
- <input type=“submit">提交
- <input type=“reset”>重置
- <input type=“button”>点击
- <input type=“image”src=“”>图片
- <input type=“file ”>上传
- – 属性: hidden 隐藏按钮
- value 按钮中显示的内容
- name 用于表单提交的属性
- 9.label标签
- <label> </label>
- 用户选择该标签时,浏览器就会自动将焦点自动转到和标签相关的表单控件上。
- ```
Add Comment
Please, Sign In to add comment