表单基本结构:<form action="URL" name=表单名字 method=提交数据的方式(post/get)>具体内容</form>
<input>
表单输入标签<select>
菜单和列表标签<option>
菜单和列表项目标签<textarea>
文字域标签<optgroup>
菜单和列表项目分组标签
<input type="">(单行文本框)
value属性为input元素设定值:对于不同的输入类型,value属性的用法不同
- type="button(按钮)", "reset(重置按钮)", "submit(提交按钮)" - 定义按钮上的显示的文本
- type="text(文字域)", "password(密码域)", "hidden(隐藏域)" ,"file(文件域)"- 定义输入字段的初始值
- type="checkbox(复选域)", "radio(单选域)", "image(图像域)" - 定义与输入相关联的值
- (注:单选框和复选框name值必须一致)
size=文本款的大小 maxlenght=限制输入的最大字符
<select name="" id="">(下拉列表元素)
<option value="">选项</option>
<option value="">选项</option>
<option value="">选项</option>
<option value="">选项</option>
</select>
select标签属性:
- name(设置下拉菜单和列表的名称)
- multiple(设置可选择多个选项)
- size(设置列表中可见选项的数目)
option标签属性:
- selected(设置选项初始选中状态)
- value(定义送往服务器的选项值)
分组下拉菜单和列表的语法:
<select>
<optgroup label="组1">
<option value="">选项</option>
<option value="">选项</option>
<optgroup label="组2">
<option value="">选项</option>
<option value="">选项</option>
...
</select>
<textarea></textarea>(多行文本框元素)
<textarea name="设置文本区的名称" placeholder=“设置描述文本区域预期值的简短提示” cols="设置文本区内的可见宽度" rows="设置文本区内的可见行数">内容</textarea>(不能和合并单元格的容我span和错了收盘混淆)
<form>
标签属性:
- action=“URL” (提交表单时向何处发送表单数据)
- method=“get,post” (设置表单以何种方式发送到指定页面)
- name=“form_name” (表单的名称)
- target=“_blank,_self,_parent,_top” (在何处打开action URL)
- enctype=“application/x-www-form-urlencoded, multiple/form-data, text/plain” (在发送表单数据之前如何对其编码)
post和get的区别
GET:
- 使用URL传递参数
- 对所发送信息的数量也有限制
- 一般用于信息获取
- 保密性差
POST:
- 表单数据作为HTTP请求体的一部分
- 对所发送信息的数量无限制
- 一般用于修改服务器上的资源
- 保密性好